Take this
course

Software Development / Web Development

Complete Guide to Front-End Web Development and Design

Complete guide to learning how to program online HTML CSS HTML5 CSS3 JavaScript jQuery

Description

Develop the skills you need in order to be able to make websites from scratch. Learn to use HTML5, CSS3, JavaScript and jQuery together in building modern beautiful, fully functional amazing websites. HTML CSS and JavaScript are the cornerstones of the web. These are the foundation languages of every web page today, and every page has all or combinations of these core technologies. This course is perfect for anyone who wants to learn about web design and web development. Knowing how to use these core technologies provides limitless possibilities. This course will help you get started quickly and lay the foundation for programming fundamentals. The core of being a front-end web developer is knowing how to utilize HTML, CSS and JavaScript to build projects from concept to inception. This course will introduce you to HTML which provides the structure for your webpage how to build an HTML5 template Learning what HTML is and how it works Using comments, and meta information Working with attributes Adding Images, hyperlinks, tables and lists How to use Headings, paragraphs, and line breaks Structuring your HTML page for better presentation Everything you need to know about HTML forms Add your style making your HTML code shine with CSS What CSS is and how it works Colors and Text styling How to work with backgrounds What the box model is and why it’s important Google fonts Making it responsive Better selection of HTML elements Display position and more Why use Pseudo Classes and Pseudo elements Nesting, multiple element styling How to transform your HTML code How to make a navigation bar Make your website come to life with JavaScript How to write JavaScript code Built in methods Different data types in JavaScript Debugging JavaScript Variables arrays and objects Using functions to make the magic happen The power of the DOM Selecting elements to make dynamic Interacting with your web users Event listeners Creating elements on the fly with JavaScript Operators and more Conditions and switch statements Looping your code What JSON is and how to use it No page reload AJAX calls Sending data to the server and receiving data as objects Take it one step further with jQuery What jQuery is and how to use it DOM and jQuery together Selectors picking your elements Manipulation of your HTML code Events and listeners jQuery code challenges Traversing the DOM with jQuery Why you’ll love jQuery Do even more with jQuery Hide show and toggle elements attributes Sliding, animations and cool effects jQuery and AJAX the perfect match up This course covers all this and more…. All the source code is included… With regular challenges and exercises… By the end of the course you will have the skills and know how to create websites. I am here to help you learn how to create your own websites and ready to answer any questions you may have. Want to know more, what are you waiting for take the first step. Join now to start learning how you too can create websites today.
Full details

Curriculum

  • Modern Web Development introduction to course content
    Modern Website Development Introduction
    11:30
    Modern Web Developer Sneak Peek
    10:04
  • Learn HTML fundamentals of website
    HTML CSS Course Introduction
    8:49
    Getting Started with HTML
    10:08
    Learn about HTML what is HTML
    4:35
    resources
    Create an HTML template to use and reuse multiple times
    6:54
    HTML Comments and Meta Information
    6:12
    HTML Paragraphs LineBreaks Headings
    8:10
    Meta information and whitespace in HTML files
    5:35
    Working with HTML attributes and images
    8:08
    List types HTML
    6:11
    Working with Tables HTML
    9:16
    Connecting webpages with hyperlinks
    9:39
    Source and Resources
    How to create a basic form in HTML
    8:29
    HTML5 Input Types
    7:41
    Creating amazing forms in HTML
    10:51
    HTML5 Web forms
    7:43
    Source and Resources
    Practice HTML Code
    2:29
    HTML5 Content Sectioning
    6:28
  • Learn CSS fundamentals of website development
    How to add CSS and JavaScript to HTML pages
    9:26
    Source and Resources
    Working with Style Colors and text alignment CSS
    10:05
    CSS Background Styling options
    12:18
    Using CSS Selectors
    7:39
    Source and Resources
    CSS box Model Borders
    10:04
    CSS Box model padding shorthand
    6:06
    CSS Box Model Margins
    6:45
    Source and Resources
    CSS Shorthand vs Long Declarations PX EM and Percentage
    4:58
    Source and Resources
    CSS display options
    8:31
    CSS position elements
    7:19
    Source and Resources
    CSS pseudo Classes
    8:02
    CSS pseudo Elements
    4:08
    Source and Resources
    Multiple Selectors Same Properties
    2:56
    CSS Selector Nesting
    4:18
    CSS Clean up CSS and transform our webpage
    5:55
    Transform a list into a navigation bar
    8:45
    Create 2 columns in main content area
    7:21
  • CSS Next Steps
    CSS more styling of HTML page
    6:11
    Make it responsive CSS website
    12:50
    Adding Google Fonts
    2:32
    Source and Resources
    Source and Resources
  • JavaScript creating interactive Dynamic Content
    JavaScript Introduction course resources
    3:27
    First JavaScript Code
    4:45
    How to add JavaScript to your webpage
    9:55
    Syntax of JavaScript how to write code
    9:25
    Source Code
    Debugging Dev tools console messages in JavaScript
    9:26
  • Writing JavaScript code
    JavaScript Variables Data Types
    9:30
    Source Code
    JavaScript How arrays work
    7:59
    JavaScript working with Arrays
    5:23
    JavaScript Arrays in Action
    12:15
    JavaScript Arrays as Strings and Slices
    6:55
    Source Code
    JavaScript Working with Objects
    8:18
    JavaScript Constructor Objects
    5:24
    Source Code
    JavaScript Introduction to Functions
    2:58
    JavaScript working with Functions
    6:53
    JavaScript Functions in Action
    7:11
    JavaScript Global Scope Values in Functions
    8:12
    Source Code
  • JavaScript in Action get Dynamic and Interactive
    What is the DOM
    6:47
    JavaScript DOM Document Object Model
    5:51
    JavaScript getElementById
    6:57
    JavaScript DOM select elements via Class and Tags
    6:35
    JavaScript the Document Object data
    5:23
    JavaScript Update Styling attributes using the DOM
    5:49
    Source Code
    JavaScript DOM onclick
    5:37
    JavaScript Mouse Event Listeners
    7:33
    Source Code
    JavaScript addEventListener
    7:29
    Source Code
    JavaScript Queryselectorall multiple elements event listeners
    7:18
    JavaScript More Element Selection options
    6:04
    Source Code
    JavaScript Creating New Elements
    6:28
    Source Code
    DOM and Form Create Form Validation
    13:02
    Source Code
  • JavaScript fundamentals
    JavaScript Fundamentals
    5:03
    JavaScript Operators Introduction
    9:18
    JavaScript Operators increment alternating row colors
    8:46
    JavaScript Conditional ternary operator
    3:19
    JavaScript Logical operators
    3:14
    Source Code
    JavaScript Math Method
    5:50
    JavaScript Date Method
    4:35
    Source Code
    JavaScript Conditions
    6:12
    JavaScript working with Conditions
    3:02
    Source Code
    JavaScript Switch Condition
    4:48
    Source Code
    JavaScript While Loop
    4:43
    JavaScript Do loop
    2:16
    JavaScript For loop
    2:20
    Source Code
  • JavaScript JSON and AJAX
    JavaScript introduction to JSON
    4:38
    JavaScript Multiple Objects
    4:14
    JavaScript AJAX connection
    5:57
    JavaScript Get JSON data using AJAX
    7:35
    JavaScript External JSON file Data using AJAX
    3:03
    Source Code
    JavaScript AJAX more details
    5:14
    JavaScript AJAX server interaction
    2:22
    JavaScript AJAX send data to server
    3:08
    JavaScript AJAX post data to server
    5:28
    Source Code
    AJAX Challenge send another field
    2:34
    Source Code
  • jQuery for quicker coding
    SourceCode-in-Lessons-jQuery
    Introduction to jQuery
    3:03
    How to add jQuery to your webpages
    2:18
    Course resources Add jQuery into your webpage
    10:37
    Course Resources
    what is the DOM in JavaScript
    5:55
    Learn about the DOM
    Document Object Model information via the browser
    3:13
  • jQuery easy AJAX
    How to write jQuery code
    2:48
    jQuery Check First jQuery Code
    8:18
    Source Code
    Use jQuery to update web page content
    7:50
    All about jQuery selectors pick elements from your webpage
    6:48
    jQuery Web page manipulation and content interaction
    8:37
    Source Code
    Using Each and THIS to get element contents
    5:30
    Updating Elements Before After Prepend Append
    10:43
    Source Code
    Modify Elements Empty Remove
    3:18
    each loop advanced
    4:26
    Source Code
  • jQuery Events
    Event listeners Interactive web pages
    7:14
    jQuery event listeners Click events shorthand vs regular
    7:39
    jQuery Challenge 1 create interactive list
    2:43
    Source Code
    jQuery Solution to Challenge 1
    4:10
    Common jQuery Mouse events
    9:58
    jQuery Mouse Events Mouse Pressed
    3:59
    jQuery Keyboard Events
    6:30
    Source Code
    Form Events
    8:57
    Source Code
    jQuery Form Challenge 2
    7:57
    Source Code
    jQuery Challenge 2 Solution Form Field Check
    3:08
    Source Code
  • jQuery Traversing
    jQuery power of Find
    10:43
    Source Code
    Parents and Children selection
    9:26
    jQuery more selection of Children looping
    6:25
    jQuery Traversing Next and siblings
    9:55
    Source Code
    Traversing First Last Selection
    4:15
    Source Code
    jQuery Filters for selection
    3:43
  • jQuery Styling
    jQuery Add CSS Values
    5:34
    jQuery how to work with classes
    4:39
    jQueryCSS remove Class
    3:42
    hasClass CSS challenge Toggle class
    5:54
    Source Code
    Source Code
    jQuery challenge solution Toggle Dynamic List Items
    4:34
    Source Code
    jQuery Attribute Content and update
    7:31
    Source Code
  • jQuery Effects and Animations
    jQuery Effects Hide Show
    5:55
    jQuery Toggle Element
    3:50
    jQuery Callbacks
    4:52
    Source Code
    jQuery Fading Elements
    5:28
    Source Code
    jQuery Element Sliding
    4:33
    Source Code
    animate your Elements with jQuery
    10:07
    Source Code
  • jQuery AJAX
    jQuery and AJAX
    9:52
    Simple loading content to element via AJAX
    4:59
    jQuery AJAX get
    9:25
    jQuery getJSON data from external file
    7:33
    Source Code
    jQuery working with POST data
    6:48
    jQuery AJAX method
    6:10
    Source Code
  • Bringing it together HTML CSS and jQuery
    HTML CSS Lesson plan
    5:09
    jQuery Keyup Content match in form field
    8:50
    Source Code
    Form Select return value on change
    5:36
    jQuery Event AJAX response from server
    9:10
    jQuery and radio buttons and check boxes
    10:44
    Source Code
    jQuery UI autocomplete setup
    7:15
    jQuery UI autocomplete from Dynamic JSON file
    7:21
    Source Code

Skills

  • Website Animations
  • Web API
  • HTML5
  • Hyper Text Markup Language (HTML)
  • Responsive Web Design
  • JavaScript
  • jQuery
  • Cascading Style Sheets (CSS)

Similar Courses

More Courses by this Instructor