Development
Web Development
Front End Web Development
Guide to Front-End Web Development and Design
4.2 (487 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
13,100 students enrolled

Guide to Front-End Web Development and Design

Complete guide to learning how to program online HTML CSS HTML5 CSS3 JavaScript jQuery
4.2 (487 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
13,100 students enrolled
Created by Laurence Svekis
Last updated 2/2020
English
English [Auto]
Preview this course
Guide to Front-End Web Development and Design
Current price: $139.99 Original price: $199.99 Discount: 30% off
5 hours left at this price!
Buy now
30-Day Money-Back Guarantee
This course includes
  • 16 hours on-demand video
  • 58 articles
  • 4 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • Create modern websites with HTML CSS and JavaScript
  • develop web applications from scratch
  • improved use of HTML CSS and JavaScript
  • write more efficient web code
Course content
Expand all 205 lectures 16:27:35
+ – Learn HTML fundamentals of website
20 lectures 02:08:09
HTML CSS Course Introduction
08:48
Getting Started with HTML
10:07
Learn about HTML what is HTML
04:34
resources
00:13
Create an HTML template to use and reuse multiple times
06:53
HTML Comments and Meta Information
06:11
HTML Paragraphs LineBreaks Headings
08:09
Meta information and whitespace in HTML files
05:34
Working with HTML attributes and images
08:07
List types HTML
06:10
Working with Tables HTML
09:15
Connecting webpages with hyperlinks
09:38
Source Code resources
00:23
How to create a basic form in HTML
08:28
HTML5 Input Types
07:40
Creating amazing forms in HTML
10:50
HTML5 Web forms
07:42
HTML Source Code
00:31
Practice HTML Code
02:28
HTML5 Content Sectioning
06:27
+ – Learn CSS fundamentals of website development
23 lectures 02:05:46
How to add CSS and JavaScript to HTML pages
09:25
Working with Style Colors and text alignment CSS
10:04
Source Code adding CSS and JavaScript
00:08
CSS Background Styling options
12:17
Using CSS Selectors
07:38
CSS box Model Borders
10:03
Source Code HTML
00:45
CSS Box model padding shorthand
06:05
CSS Box Model Margins
06:44
Source Code CSS
00:16
CSS Shorthand vs Long Declarations PX EM and Percentage
04:57
Resources Box Model
00:03
CSS display options
08:30
CSS position elements
07:18
Display and Position Options Source Code
00:07
CSS pseudo Classes
08:01
CSS pseudo Elements
04:07
Source Code Pseudo
00:05
Multiple Selectors Same Properties
02:55
CSS Selector Nesting
04:17
CSS Clean up CSS and transform our webpage
05:54
Transform a list into a navigation bar
08:44
Create 2 columns in main content area
07:20
+ – CSS Next Steps
5 lectures 23:56
CSS more styling of HTML page
06:10
Make it responsive CSS website
12:49
Adding Google Fonts
02:32
Website Source Code
01:44
CSS resources
00:41
+ – JavaScript creating interactive Dynamic Content
6 lectures 37:00
JavaScript Introduction course resources
03:26
First JavaScript Code
04:44
How to add JavaScript to your webpage
09:54
Syntax of JavaScript how to write code
09:24
Source Code Comments alerts
00:07
Debugging Dev tools console messages in JavaScript
09:25
+ – Writing JavaScript code
15 lectures 01:21:41
JavaScript Variables Data Types
09:29
Source Code Variables
00:08
JavaScript How arrays work
07:58
JavaScript working with Arrays
05:22
JavaScript Arrays in Action
12:14
JavaScript Arrays as Strings and Slices
06:54
Source Code Arrays
00:21
JavaScript Working with Objects
08:17
JavaScript Constructor Objects
05:23
Source Code Objects
00:10
JavaScript Introduction to Functions
02:57
JavaScript working with Functions
06:52
JavaScript Functions in Action
07:10
JavaScript Global Scope Values in Functions
08:11
Source Code Functions
00:14
+ – JavaScript in Action get Dynamic and Interactive
19 lectures 01:32:56
What is the DOM
06:46
JavaScript DOM Document Object Model
05:50
JavaScript getElementById
06:56
JavaScript DOM select elements via Class and Tags
06:34
JavaScript the Document Object data
05:22
JavaScript Update Styling attributes using the DOM
05:48
Source Code DOM
00:16
JavaScript DOM onclick
05:36
JavaScript Mouse Events
07:32
Source Code Events
00:23
JavaScript addEventListener
07:28
Source AddEventlistener
00:22
JavaScript Queryselectorall multiple elements event listeners
07:17
JavaScript More Element Selection options
06:03
Source Code Multiple Element Selection
00:25
JavaScript Creating New Elements
06:27
Source Code Create Elements
00:16
DOM and Form Create Form Validation
13:01
Source Code Form Validation
00:31
+ – JavaScript fundamentals
18 lectures 01:05:50
JavaScript Fundamentals
05:02
JavaScript Operators Introduction
09:17
JavaScript Operators increment alternating row colors
08:45
JavaScript Conditional ternary operator
03:18
JavaScript Logical operators
03:13
Source Code Operators
00:38
JavaScript Math Method
05:49
JavaScript Date Method
04:34
Source Code Useful Methods
00:25
JavaScript Conditions
06:11
JavaScript working with Conditions
03:01
Source Code Conditions
00:31
JavaScript Switch Condition
04:47
Source Code Switch
00:28
JavaScript While Loop
04:42
JavaScript Do loop
02:15
JavaScript For loop
02:19
Source Code Loops
00:33
+ – JavaScript JSON and AJAX
13 lectures 44:38
JavaScript introduction to JSON
04:37
JavaScript Multiple Objects
04:13
JavaScript AJAX connection
05:56
JavaScript Get JSON data using AJAX
07:34
JavaScript External JSON file Data using AJAX
03:02
Source Code AJAX
00:09
JavaScript AJAX more details
05:13
JavaScript AJAX server interaction
02:21
JavaScript AJAX send data to server
03:07
JavaScript AJAX post data to server
05:27
Source Code AJAX POST
00:12
update form to multiple inputs challenge
02:33
Source Code Multiple fields
00:13
+ – jQuery for quicker coding
7 lectures 25:37
Introduction to jQuery
03:02
How to add jQuery to your webpages
02:17
Course resources Add jquery into your webpage
10:36
jQuery Course Resources
00:19
what is the DOM in JavaScript
05:54
Learn about the DOM
00:17
Document Object Model information via the browser
03:12
Requirements
  • desire to learn
  • access to a computer
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.

Who this course is for:
  • web developers
  • HTML CSS JavaScript developers
  • anyone who wants to learn about making websites