Skip to content
UdemyWeb DevelopmentPaid courseBeginner levelCertificate

Front-end Web developer MasterClass HTML CSS JavaScript (Udemy.com)

Learn HTML CSS JavaScript all in one place packed with exercises and source code with examples

Created by: Laurence Svekis

Last updated November 2024

icon
What you will learn

  • Create interactive websites from scratch
  • Become familiar with coding and creating web pages and applications

How it compares

Against the other 815 rated Udemy courses in Web Development on CourseDuck:

  • Rating4.3 out of 5higher than 21% of them
  • Reviews125#600 of 816 by number of reviews
  • Length17.9 hourslonger than 75% of them
  • Last updatedNovember 2024earlier than 48% of them

icon
Course Description

Learn HTML CSS and JavaScript all in one course.  This is the complete front end web developer starting course.  

Whether you are looking to refresh your skills, expand your knowledge or looking to just get started with web development this course is for YOU!

A complete comprehensive course covering the core foundations of the web.

What you will learn within this course

  • HTML and HTML5
  • CSS and CSS3 
  • JavaScript 
  • JavaScript DOM selecting elements and manipulating element content

Source Code and examples are included to get you started quickly.  Links to top resources and more all available in one massive course.

This course is taught by an instructor with over 18 years of real world industry experience.  Ready to help you learn web development and answer any questions you may have.

This course is designed to help you learn and practice front-end coding for website development and design.  Learn the core concepts of HTML, CSS and JavaScript. 

Friendly support is always available in the Q&A section ready to help you learn.

Join now take the first step to exploring more about web development.

How the internet works :

  • Learn about DNS names and IP address
  • What makes a website and how does your browser know what to show you.
  • Coding languages HTML CSS JavaScript
  • Web development and what its all about
  • Terms like frontend and backend code
  • Hosting, Browsers, FTP +++
  • Developer tools and resources
  • Tips for web developers

HTML building the code for websites :

  • Understanding HTML foundations
  • Different Types of tags
  • Creating an HTML boilerplate template
  • HTML formatting tags
  • Tags Elements Attributes >
  • Resources to Learn more about HTM
  • HTML Headings
  • Content separation and Common tags
  • Commenting
  • Preformatted text
  • HTML entities ASCii characters
  • Markup Formatting HTML Markup
  • Hyperlinks connecting the pages
  • Using Images Images styling
  • Lists unordered and ordered
  • Nested Lists inside lists, List styles, List options, Description Lists
  • Tables row cells table head and body
  • HTML Forms with input and methods labels and more
  • HTML5 Input HTML5 Types color, date, email, month, number, range, search, tel, time, url, week
  • Input type images upload
  • HTML5 Semantic elements for building structure
  • How iFrames work and can be added to HTML

CSS for presentation

  • What is CSS
  • How to add styling to HTML elements
  • CSS defined what it does in Web development
  • Websites with CSS vs without CSS
  • Containers grouping content spans and divs
  • Selects getting the right element
  • Adding CSS to code
  • CSS color options palette fonts and backgrounds
  • Borders Margins Padding - Box model
  • Text and fonts CSS
  • tables and lists with CSS
  • Element Display and positioning
  • Building a navbar
  • Advanced CSS selectors
  • Pseudo Classes and Pseudo Elements
  • Media Queries

JavaScript Fundamentals

  • What is JavaScript
  • Writing JavaScript is code and what it does
  • Adding JavaScript to your web page
  • Developer console log
  • JavaScript data type
  • What variables are and how they are used
  • Operators for applying logic to code
  • Arrays and objects to hold data
  • Conditionals with logic
  • Loops for while and do
  • JavaScript functions at the heart of JavaScript
  • More Built in functions methods

JavaScript Document Object Model

  • What is the DOM and how it works
  • Updating and manipulating elements
  • Selecting multiple elements
  • Page event listeners
  • Click events

icon
Udemy Discount

The discount is applied through our link. Open the course from here and Udemy's current promotional price is applied at checkout on most courses, no code to type.

Some courses are excluded from Udemy's promotions. If the price does not drop, clear your browser cookies and use the button again.

icon
Instructor Details

Laurence Svekis

Hi, I’m Laurence Svekis, and I’m here to help you learn smarter, build real skills, and confidently use AI and modern tools to create amazing things.

I’m a Google Developer Expert (GDE), international speaker, author, and educator specializing in AI-powered learning, Google Workspace automation, and practical development with Google Apps Script and JavaScript. I’ve been teaching online since 2002 and have helped over two million students worldwide develop real-world skills through hands-on courses, books, and workshops.

My passion is learning with AI—using AI not as a shortcut, but as a powerful learning partner. I focus on helping learners understand how things work, how to apply AI responsibly, and how to build tools that solve real problems. Many of my courses explore how AI can act as a tutor, assistant, or productivity booster inside everyday tools like Google Docs, Sheets, and Workspace.

I’m especially known for:

Google Apps Script & Google Workspace automation

Building AI-powered assistants and learning tools

JavaScript for real-world applications

Using AI to improve learning, productivity, and workflows

icon
More courses by Laurence Svekis

$84.99

$64.99

Free

$14.99

Free

$11.99

icon
More Web Development courses

$19.99

$89.99

$89.99

$79.99

$10.99

$84.99

icon
Reviews

4.3

125 ratings on Udemy

Select a bar to show only those reviews.Select the bar again to show every rating.

By Randy G. Dickinson on 2/20/2021

This course was good but it seemed like the instructor was a bit scattered and not sure of where he was at he knew the material but it could have been presented a bit better

By Mike Diggins on 9/9/2020

It was, given there are several alternatives. I like the style of delivering large numbers of short sessions, it makes it much easier to skip over the parts I already have good knowledge of. Also not so daunting if I find the knowledge isn't as good as I thought it was! I'll probably need to replay some of the sections on floats; delivery was rather fast and vocally monotonous, which meant my attention wandered. This would have been better presented in a "follow-me" format and more slowly, in my view, given the concept of floats contradicts the usual way that styling and the flow of page output works.

By Logamithran M.R. on 10/13/2019

Hey, it's pretty good. Some of the clipart is cheesy but I trust this guy knows what he's talking about.

By Cirus Panah on 7/6/2019

I recently got back to reviewing the course. The content is good, but all of a sudden I started seeing blurred instructions on and off, I don't know if he is, accidentally, knocking the camera out of focus or what. Please attend to this problem, it is so frustrating and if it doesn't zoom back in, then it is im possible. I would surely like to finish this course with 5 star rating, Thank you! P.S. It might be related to my 8nternet speed. This started around subsection 26 to 36 where I stopped.

By Balázs Márk on 2/11/2019

I never learnt web developing before, but in the end of the course I could make a simple, basic website, so I thing it was a perfect course for me. When I would ask something Laurence (the instructor) answered it for me very fast, so I think it is a perfect course. And last but not least, he speaks a good english so it didn't hurt my ears when he speaks (like in some indian instructors).

By Leon Pearlman on 2/3/2019

Perfect class for web students of all levels. Engaging material with the ability to replay. Most lectures allow you copy code. Overall the perfect class.

By Stephen R Citarella on 1/18/2019

Excellent. I was not an absolute beginner, and those that are may find themselves having to repeat material on occasion. In addition, the production value could be polished up at some points, but these are minor issues. This is a very good introductory course to get you up and rolling, and it will give you an end product you could continue to build on. Highly recommended.

By Daniel Astorino on 8/2/2018

I really emjoyed learning from the ground up. The background information on the internet and how it works is very useful. A little more explanation on IP addresses and that stuff would be better but your course provides enough information for me to know what to go research further.

By Abo Alhassan on 7/8/2018

This course is amazing, I really love how clear the voice is and how detailed the information is presented.

By Syed Ovais Amin on 4/17/2018

The course start with basic concept of what is web developing and show open concept of this programing is all about.

Showing all 10 reviews on CourseDuck

Read all 125 reviews on Udemy

icon
Quality Score

No CourseDuck member has rated this course yet. Taken it? Give each part a thumbs up or down.

Content Quality
/
Video Quality
/
Qualified Instructor
/
Course Pace
/
Course Depth & Coverage
/

Overall Score : 86 / 100