Skip to content
UdemyWeb DevelopmentPaid courseBeginner levelCertificate

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

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

icon
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 :)



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

708 ratings on Udemy

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

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.

Showing all 10 reviews on CourseDuck

Read all 708 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 : 88 / 100