HTML CSS JavaScript for Beginners Modern Web Design Course (Udemy.com)
Explore how to build amazing interactive and dynamic websites using HTML - CSS - JavaScript and jQuery
Created by: Laurence Svekis
Last updated November 2024
What you will learn
- Create websites using HTML and CSS
- Create interactive content online using JavaScript
- How to build real world creative and modern website
- Coding, tips and resources for best practices to build a professional website
- Using HTML5, CSS3, JQuery and JavaScript
- Complete source code of final product.
Course Description
Explore how you can create websites from scratch!!!
Step by step course included EVERYTHING YOU NEED to get started and learn all the fundamental core concepts of web deisgn and web development.
Source CODE IS INCLUDED !!!
BONUS helpful PDF ebook to get you started quickly
Professional training from an instructor with over 20 years of web development experience ready to help you learn and answer any questions you have.....
Course covers everything you need to know about HTML
Basic syntax - all the common tags used to develop web content
How and where you can write HTML - top resources and links included
Learn about HTML structure within web pages
Explore HTML5 semantic elements
Build your own HTML template
Create HTML lists, hyperlinks, and add images
Build tables for even more HTML structure
Create Forms with in depth form examples and HTML tag explanations
Add iframes and more cool HTML elements
Create your own mini HTML site using only HTML
All this and more.
Course covers everything you need to know about CSS
Find the top resources and links to help you learn
The basics of styling
How to use Classes and ID to select elements
Explore ALL the colors for fonts and backgrounds
Move content display properties
Learn how to apply styling to common HTML like Lists, Tables, and more
Everything you need to style your text and make it look fantastic - including Google Fonts
Floats to position elements and content
The BOX MODEL - padding, margins, border, height, and width for each element
CSS positioning
Working with Hyperlinks and making it look good
CSS Pseudo Class
Course covers everything you need to know about JavaScript
explore how to write JavaScript basics
Data types the building blocks of coding
Using Variables to hold data
Functions invoking blocks of code
JavaScript operators and assignment syntax
JavaScript Objects and Arrays
Conditions and Switches to apply logic
Loops and iterating through data
Arrays and array methods
Document object to manipulate HTML element content
all this and much more
Course covers everything you need to know about JavaScript Document Object Model DOM
Selecting elements within the DOM
Manipulating element content and text output
Adding styling and classes using JavaScript
Event Listeners to add user interaction to your web content
Building and creating elements with JavaScript
Build an interactive list project from scratch
Course covers everything you need to know about JSON and AJAX
What JSON is and how it works
Links and top resources for JSON and JavaScript
JavaScript Objects and JSON how they work and how you can use JSON within JavaScript code
Array objects and objects that contain arrays and more
How to iterate through all the JSON data objects and output them into your HTML page
Challenges in lessons with step by step solutions
JavaScript JSON methods
Local Storage to store JSON data
Using JavaScript Fetch to retrieve JSON data and responses
All this and much more
Course covers everything you need to know about jQuery
explore how to write jQuery basics
how to select elements to apply manipulations too
learn about applying style and classes
adding effects to elements like hide and show
make you web page come to life with animations and effects slide, fade and animation
create interaction with your page using event listeners like mouse events and keyboard events
use AJAX to connect to JSON data to easily populate content into your page
all this and much more
You'll get friendly support in the Q&A area and all the source code available for download.
What are you waiting join now to start learning how to make your own websites TODAY :)
Instructor Details
- 4.4 Rating
708 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 Michał Piotrowicz on 1/21/2021
This is a very extensive course and it requires to spend several dozens of hours to complete. I have already completed 85% of the course. I am happy to take it and hoping to complete it very soon. I recommend it to everyone who is willing to start with Web Development. Most of the topics are well explained, as there are some topics that would require a little more in-depth explanation and possibly some more exercises. Big thank you, Laurence, for the opportunity to take up this course!!!
By Rona Rushiti on 12/13/2020
Yes it definitely was!! I love how the instructor explains everything starting from the most basics, and as a complete beginner it has been a big advantage for me.I'd love if by the end of the course I will posses the knowledge to accomplish a real life project, even if's a simple one.
By Guy Edwards on 10/24/2020
So far, so good. Having never coded before, I find the pace a bit quick and I'm having to pause the video, go to Brackets or Pen to try things out, create an HTML folder on my Mac etc. So a '5 minute' section has taken me about 20 minutes. The good thing is, I am seeing exactly what you are describing...so far!
By Valentin Hämmerle on 8/22/2020
gut und verständlich aufgebaut. könnte für meinen geschmack noch etwas näher an der realität sein. das sind jetzt so aufgaben wo nix direkt mit design zu tun haben. trotzdem: sehr gut, ich komm gut mit, es ist sehr verständlich und informativ, gute portionen, tolle aufgaben, ich bin sehr zufrieden!
By Aminat Oyediran on 8/4/2020
Overall still a good course, but it is more suited for 'practical learners' as opposed 'theoretical learners'. Me, being a theoretical learner I struggled when reaching the javascript section especially, as I believe that requires more theory knowledge. If you're someone that learns by 'doing' this is perfect for you!
By Shivam Bairoliya on 5/15/2020
Yes, this course is excellent. I appreciate the hard work and effort put into the course by the instructor.
By Paul Blawrence on 3/25/2020
This has been a great learning tutorial. Yea, it took me a month to finish the html and CSS tutorial ( I learn at my own pace) and now trying to jump into Java script, but based on the video training (and also reading up with the Mozilla guide), I have been able to build out several test custom websites. I have never coded in my life and this training has built my skills to forge on learning Front end development before I transition to back end. If you have a doubt out there, trust me this will help build your skills. Javascript portion whooped my ass. Will have to watch the training over again with some good books.
By Andria Marcano-Comma on 3/7/2020
I enjoy how every step is broken down and explained clearly however, I use windows laptop so when it comes to the exercises it's hard to follow along because brackets doesn't seem to react the same on windows as it does on mac
By Deepak Kesavan K Palassery on 9/6/2019
I am a slow learner, but it is great to learn new things. While doing this course is more simple than doing courses at college or university in real life you have no time and it's fast pace only the intelligent students that are quick learners will pass the course and the slow learners won't be able too even if they had support from other students or from support teachers in the class doing the course it's really cheating if they do that because others doing the assignment for them not themselves so by the time course is over these student struggle in the course won't learn a damn thing and be job less to find work. But online courses you can go at same pace with others even if they are ahead you don't need to rush or give up easily. Just take your time not like a real course at a college or University there is a deadline to complete the course assignments or projects most students struggle and drop out but there are some don't and successfully pass the units or subjects for the course getting a job after completion be easy because they may not have learning difficulties like most students do courses at private colleges or Universities have and dropped out too embarrassed to tell the real reason why fearing for shame if they do. That's life like for anyone wanting to study in Australia no matter the state, city, region at any private college or University. Most students drop out because of the courses are hard especially theory and there are deadlines for them to complete so these student give up especially students have learning difficulties. No one cares for them even they drop out. These colleges and Universities only care for students that do well in the courses gives them a good name.
By Don Roberton on 9/1/2019
This is a great course. It is what i have come to expect from Laurence. It is easy to follow and easy to see the code on my small screen. Excellent information and he give you little tidbits that other courses don't include.
Quality Score
No CourseDuck member has rated this course yet. Taken it? Give each part a thumbs up or down.
Overall Score : 88 / 100












