Complete Guide to Front-End Web Development and Design
4.5 (92 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
989 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Complete Guide to Front-End Web Development and Design to your Wishlist.

Add to Wishlist

Complete Guide to Front-End Web Development and Design

Complete guide to learning how to program online HTML CSS HTML5 CSS3 JavaScript jQuery
Bestselling
4.5 (92 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
989 students enrolled
Created by Laurence Svekis
Last updated 5/2016
English
Learn Fest Sale
Current price: $10 Original price: $200 Discount: 95% off
1 day left at this price!
30-Day Money-Back Guarantee
Includes:
  • 16 hours on-demand video
  • 57 Articles
  • 1 Supplemental Resource
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I 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
View Curriculum
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 is the target audience?
  • web developers
  • HTML CSS JavaScript developers
  • anyone who wants to learn about making websites
Students Who Viewed This Course Also Viewed
Curriculum For This Course
Expand All 204 Lectures Collapse All 204 Lectures 16:26:22
+
Modern Web Development introduction to course content
3 Lectures 24:47
+
Learn HTML fundamentals of website
20 Lectures 02:08:19
HTML CSS Course Introduction
08:48

Getting Started with HTML
10:07

Learn about HTML what is HTML
04:34

resources
00:18

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:25

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:35

Practice HTML Code
02:28

HTML5 Content Sectioning
06:27
+
Learn CSS fundamentals of website development
23 Lectures 02:05:53
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:09

CSS Background Styling options
12:17

Using CSS Selectors
07:38

CSS box Model Borders
10:03

Source Code HTML
00:46

CSS Box model padding shorthand
06:05

CSS Box Model Margins
06:44

Source Code CSS
00:19

CSS Shorthand vs Long Declarations PX EM and Percentage
04:57

Resources Box Model
00:05

CSS display options
08:30

CSS position elements
07:18

Display and Position Options Source Code
00:08

CSS pseudo Classes
08:01

CSS pseudo Elements
04:07

Source Code Pseudo
00:06

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 24:06
CSS more styling of HTML page
06:10

Make it responsive CSS website
12:49

Adding Google Fonts
02:32

Website Source Code
01:53

CSS resources
00:42
+
JavaScript creating interactive Dynamic Content
6 Lectures 37:02
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:09

Debugging Dev tools console messages in JavaScript
09:25
+
Writing JavaScript code
15 Lectures 01:22:02
JavaScript Variables Data Types
09:29

Source Code Variables
00:10

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:29

JavaScript Working with Objects
08:17

JavaScript Constructor Objects
05:23

Source Code Objects
00:16

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:20
+
JavaScript in Action get Dynamic and Interactive
19 Lectures 01:33:43
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:21

JavaScript DOM onclick
05:36

JavaScript Mouse Events
07:32

Source Code Events
00:34

JavaScript addEventListener
07:28

Source AddEventlistener
00:28

JavaScript Queryselectorall multiple elements event listeners
07:17

JavaScript More Element Selection options
06:03

Source Code Multiple Element Selection
00:34

JavaScript Creating New Elements
06:27

Source Code Create Elements
00:19

DOM and Form Create Form Validation
13:01

Source Code Form Validation
00:44
+
JavaScript fundamentals
18 Lectures 01:06:39
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:50

JavaScript Math Method
05:49

JavaScript Date Method
04:34

Source Code Useful Methods
00:32

JavaScript Conditions
06:11

JavaScript working with Conditions
03:01

Source Code Conditions
00:40

JavaScript Switch Condition
04:47

Source Code Switch
00:35

JavaScript While Loop
04:42

JavaScript Do loop
02:15

JavaScript For loop
02:19

Source Code Loops
00:47
+
JavaScript JSON and AJAX
13 Lectures 44:56
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:16

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:18

update form to multiple inputs challenge
02:33

Source Code Multiple fields
00:18
+
jQuery for quicker coding
7 Lectures 25:38
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
7 More Sections
About the Instructor
Laurence Svekis
4.3 Average rating
10,011 Reviews
239,977 Students
169 Courses
Instructor, 18+yrs Web Experience

I'm here to help you learnachieve your dreams, come join me on this amazing adventure today

Innovative technology expert with a wide range of real world experience. Providing Smart digital solutions online for both small and enterprise level businesses.

"I have a passion for anything digital technology related, enjoy programming and the challenge of developing successful digital experiences. As an experienced developer, I created my first computer applications in 1990, and my first website in 1998.  I enjoy sharing my knowledge with others and want to help you share in the wonderful opportunities that the internet provides."

"Learning, understanding with a strong passion for education.  The internet has provided us with new opportunities to expand and share knowledge."

Want to learn more about becoming a web developer, do you want to experience the freedom that technology provides for us? Learn how to bring amazing things to life online.  Technology connects us all in many ways.  It opens up doors to those who embrace it and learn how to make those connections real.

"My courses are designed to help you achieve your goals, learn and update skills"

Background : An experienced web application developer, having worked on multiple enterprise level applications, hundreds of websites, business solutions and many unique and innovative web applications.  Web application development areas of expertise include HTML, CSS, JavaScript, JQuery, Bootstrap, PHP and MySQL. Anything to do with web creation and digital experience. Passionate about everything to do with web application development, programming to online marketing with a strong focus on social media and SEO

"Understanding technology provides a means to better connect with users.  It also opens so many doors.   Knowledge is the key to success and I want to help you experience what technology has to offer. I'm passionate about web technologies, and look forward to sharing my knowledge and experience with you!"