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
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
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
Instructor Details
- 4.3 Rating
125 Reviews
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
More courses by Laurence Svekis
Complete Google Workspace (G Suite), Beginner - Advanced (2025)
4.6 (10,757 Reviews)
Provider: Udemy
Time: 23.2h
$84.99
Frontend web developer Modern HTML CSS JavaScript (2025)
4.5 (6,723 Reviews)
Provider: Udemy
Time: 12.2h
$64.99
Web Developer Course HTML CSS JavaScript Learn Web Design (2024)
4.5 (5,865 Reviews)
Provider: Udemy
Time: 5.9h
Free
Google Apps Script Complete Course Beginner to Advanced (2025)
4.7 (3,971 Reviews)
Provider: Udemy
Time: 27.7h
$14.99
Modern Web Design HTML5 CSS3 beginners guide to Websites (2023)
4.4 (1,915 Reviews)
Provider: Udemy
Time: 3h
$11.99
More Web Development courses
Python Fullstack Mastery: Build Modern Web Apps with Django (2025)
5.0 (165 Reviews)
Provider: Udemy
Time: 35h
$19.99
NgRx Signal store for Angular - The missing guide (2026)
4.9 (436 Reviews)
Provider: Udemy
Time: 11.3h
$89.99
Vue 3: Create a Mobile & Desktop App (with Quasar 2 & Pinia) (2024)
4.9 (177 Reviews)
Provider: Udemy
Time: 7.6h
$79.99
Build a URL Shortener App with ASP.NET: Step by Step (2026)
4.9 (100 Reviews)
Provider: Udemy
Time: 9.6h
$10.99
The Complete Elixir and Phoenix Bootcamp (2021)
4.8 (7,773 Reviews)
Provider: Udemy
Time: 17.4h
$84.99
Reviews
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.
Quality Score
No CourseDuck member has rated this course yet. Taken it? Give each part a thumbs up or down.
Overall Score : 86 / 100












