Complete Guide to Front-End Web Development and Design

Complete guide to learning how to program online HTML CSS HTML5 CSS3 JavaScript jQuery
4.4 (46 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.
615 students enrolled
$19
$200
90% off
Take This Course
  • Lectures 204
  • Length 16.5 hours
  • Skill Level Beginner Level
  • Languages English
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works

Discover

Find online courses made by experts from around the world.

Learn

Take your courses with you and learn anywhere, anytime.

Master

Learn and practice real-world skills and achieve your goals.

About This Course

Published 5/2016 English

Course 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.

What are the requirements?

  • desire to learn
  • access to a computer

What am I going to get from this course?

  • 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

What is the target audience?

  • web developers
  • HTML CSS JavaScript developers
  • anyone who wants to learn about making websites

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.

Curriculum

Section 1: Modern Web Development introduction to course content
Modern Website Development Introduction
Preview
11:29
Modern Web developer Sneak peek
Preview
10:03
Course Tips and Resources
03:15
Section 2: Learn HTML fundamentals of website
HTML CSS Course Introduction
08:48
Getting Started with HTML
10:07
Learn about HTML what is HTML
04:34
resources
Article
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
Article
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
Article
Practice HTML Code
02:28
HTML5 Content Sectioning
06:27
Section 3: Learn CSS fundamentals of website development
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
Article
CSS Background Styling options
12:17
Using CSS Selectors
07:38
CSS box Model Borders
10:03
Source Code HTML
Article
CSS Box model padding shorthand
06:05
CSS Box Model Margins
06:44
Source Code CSS
Article
CSS Shorthand vs Long Declarations PX EM and Percentage
04:57
Resources Box Model
Article
CSS display options
08:30
CSS position elements
07:18
Display and Position Options Source Code
Article
CSS pseudo Classes
08:01
CSS pseudo Elements
04:07
Source Code Pseudo
Article
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
Section 4: CSS Next Steps
CSS more styling of HTML page
06:10
Make it responsive CSS website
12:49
Adding Google Fonts
02:32
Website Source Code
Article
CSS resources
Article
Section 5: JavaScript creating interactive Dynamic Content
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
Article
Debugging Dev tools console messages in JavaScript
09:25
Section 6: Writing JavaScript code
JavaScript Variables Data Types
09:29
Source Code Variables
Article
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
Article
JavaScript Working with Objects
08:17
JavaScript Constructor Objects
05:23
Source Code Objects
Article
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
Article
Section 7: JavaScript in Action get Dynamic and Interactive
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
Article
JavaScript DOM onclick
05:36
JavaScript Mouse Events
07:32
Source Code Events
Article
JavaScript addEventListener
07:28
Source AddEventlistener
Article
JavaScript Queryselectorall multiple elements event listeners
07:17
JavaScript More Element Selection options
06:03
Source Code Multiple Element Selection
Article
JavaScript Creating New Elements
06:27
Source Code Create Elements
Article
DOM and Form Create Form Validation
13:01
Source Code Form Validation
Article
Section 8: JavaScript fundamentals
JavaScript Fundamentals
05:02

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Laurence Svekis, 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!"

Ready to start learning?
Take This Course