Skip to content
UdemyCSSPaid courseAll LevelsCertificate

Modern Web Design Beginners HTML CSS JavaScript 25+ Projects (Udemy.com)

Web Design with HTML CSS JavaScript How to create Web Pages web development build websites create WebSites from scratch

Created by: Laurence Svekis

Last updated November 2024

icon
What you will learn

  • Build custom websites and Applications - Over 50 Coding Challenges and Projects
  • Bring your webpages to life with Dynamic and Interactive web content JavaScript and more
  • Support and create fully responsive web pages and mobile friendly web site
  • Apply modern web design techniques HTML5 and CSS3 - using the latest syntax
  • Apply Amazing looking styles and customize the look and feel of your web pages
  • Use JavaScript to create interactive and dynamic web content
  • Common syntax and how to apply styling properties to customize the website layout the way you image it
  • Create simple web pages with HTML
  • Add Styling with CSS to design your website
  • Create web templates and website designs with CSS
  • Design and code modern & responsive landing pages
  • Code websites & applications with HTML5 & CSS3
  • Code at an expert level of proficiency with HTML & CSS

How it compares

Against the other 110 rated Udemy courses in CSS on CourseDuck:

  • Rating4.5 out of 5higher than 56% of them
  • Reviews129#101 of 111 by number of reviews
  • Length42.6 hourslonger than 99% of them
  • Last updatedNovember 2024more recently than 73% of them

icon
Course Description

Launch a career as a web designer and frontend web developer by learning HTML5, CSS3, JavaScript and responsive design.  Discover how you can design and create websites that are mobile ready, fully interactive and modern design. This course covers everything you need to know about FRONT END web design.

Create modern website designs + Float designs, CSS Grid Designs, Flexbox Designs+++ examples and  source code.

This is real world coding - designing website for the real world.  Learn  the syntax step by step training.  With all the source code included.

Loaded with projects and challenges to help you learn.

Complete frontend web developer and web design course - loaded with examples and challenges to get you coding and creating your own websites

Modern web design and development, REAL WORLD Coding - Taught by an instructor with over 20 years of web development experience - ready to help you learn more about web design! I've taught web design and web development to countless students worldwide.  The design of the course is unique with many challenges in the lessons - then demonstrating how to create the code afterwards.   

Discover how you can create custom websites - right on your computer.  Create amazing HTML pages, add some styling with CSS and then bring them to life making them dynamic and interactive with JavaScript.  You can launch a new career, coding and creating web sites is easy to get started with.  We cover all the tools and top resources to get you started quickly and easily. 

Learn web design perfect for beginners or as a refresher for anyone who wants to learn more about HTML CSS and JavaScript

Professional websites with modern coding techniques - loaded with examples and source code so that you can try the code out and get a feel for what you can do with it. 

HTML and CSS - Loaded with Over 25 Coding Challenges to get you coding - try it for yourself.

Get familiar with the basics - no prior coding experience required!!!!!

Web Design with HTML CSS JavaScript How to create Web Pages web development build websites create WebSites from scratch

Explore the core technologies of the web learn how you can get started with Web development.

Learn to become a web Developer explore web development build websites explore HTML CSS JavaScript

Coding for beginners to learn more about web design and web development. Learn HTML5 CSS3 and JavaScript. Modern coding is explained loaded with examples and sample code. Website development building blocks learn to code. Make it Responsive learn responsive web design with how to create a website responsive and more. Perfect course for html and css for beginners.

Real world Coding with HTML CSS and JavaScript

HTML elements are the building blocks of HTML pages. HTML5 is the starting technology for anything online - perfect to get started as a web designer and web developer.

Hypertext Markup Language (HTML) is the standard markup language for documents designed to be displayed in a web browser.

Course Covers HTML for Beginners-

  • HTML and HTML5 for modern website Design and Development.

  • Learn about modern HTML elements

  • Basic of HTML elements and how they work

  • Debugging HTML and Comments within code

  • Create HyperLinks and Links to page content and other web pages anchor tag

  • Bold and Headings to make content stand out with HTML

  • Coding Challenge - Tags Exercise

  • Coding Challenge - Apply HTML tags create Page Structure - Mini Website Creation exercise.

  • Adding MailTo to send emails with HTML links

  • Images within HTML adding img tag and source options

  • Coding Challenge - Getting social linking to your social profiles coding exercise with HTML tags.

  • How to create lists with HTML tags.

  • Adding tables with HTML table tag element attribute options.

  • Coding Challenge - Create an achieved old school website from scratch. Simple HTML website Challenge exercise .

  • Semantic elements and blocks and spans with HTML

  • Coding Challenge - Resume upload Challenge - create your Resume and upload to the web.

  • Explore how to create HTML forms form tags and form elements.

  • Different text formatting options with HTML tags

  • Using IFrames in HTML code
    What are HTML Meta tags and what HTML meta tags should be used HTML Meta Tags
    HTML and Audio options Playing Sound Audio and Video Tags

  • Adding Audio and Video to play within HTML tags

Find out more about CSS What is CSS and how it works. Cascading Style Sheets is a style sheet language used for describing the presentation of a document written in a markup language like HTML. CSS is a cornerstone technology of the World Wide Web, alongside HTML and JavaScript

Advanced CSS Explore more with CSS3 Create webpages easily ,

  • How to Create CSS Linear Gradients

  • How to Create CSS Radial Gradients

  • How to create CSS 2D Transforms

  • Learn about CSS 3D Transforms and how to apply CSS 3D Transforms

  • How to make animations with CSS - CSS Animations

  • Apply CSS3 rapid web design with CSS3 -

CSS grid CSS Flexbox and modern website and webpage design and development with CSS apply Styling and more

Course Covers CSS for Beginners-

  • How to write CSS adding CSS to web pages and CSS Syntax

  • How to comment CSS code ways to apply Comments CSS

  • What are CSS selectors and how to use CSS selectors to get page elements

  • Setting colors different CSS Color Units Listed

  • Coding Challenge CSS - CSS color Background Challenge

  • Setting CSS background properties and values

  • How to set Element Height and Width with CSS

  • How to Use Chrome DevTools

  • How to add and create CSS Borders

  • How to apply Margin with CSS to elements on the web page

  • CSS Padding options - setting padding top bottom left and right for an element.

  • What is the Box Model and how it works in CSS - Border - Padding - Margin

  • Examples of Pseudo Classes CSS and what are CSS Pseudo Classes

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 CSS courses

$174.99

$149.99

$129.99

$99.99

$10.99

$13.99

icon
Reviews

4.5

129 ratings on Udemy

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

By Carlo Fraticelli on 3/21/2025

The current Visual Studio does not match what is being shown in this class. This section needs to be updated. Maybe I missed it but how do you run node.js? Also the 'Skill level' of this course is stated as 'all levels'. There are prerequisites for this course and they should be stated.

By Jeff D. Jones on 2/8/2023

Oh my goodness, this course is amazing... I have tried taking 3 other courses from 3 other instructors, and I could not understand what they where saying. Not that I couldn't understand them, per se, but they made it so difficult to understand web programming in general. But Laurence is easy to understand and follow along. And I appreciate the fact that he gives "real-world" examples. Also, I've caught twice so far where, what he said has contradicted what another instructor said about proper syntax rules. And since Laurence has actually been in the field for 20 years and is still a real-world developer, I'm going by what he says.

By Varghese Cherian on 7/30/2021

In the VIsual code section the voice changes in between and so does the speed. Otherwise, good begining.

By Hanna Larsson on 5/11/2021

I would like to have the code shown on the side next to the web page when showing the results. Remove the weird images that are inserted sometimes, they are often distracting. The content is good but I feel like there isn't too much effort put into making the videos.

By Victor Lang on 3/12/2021

The course is very comprehensive and covers lots of details on front-end web development. The important concepts are clearly explained by instructor Laurence with many real world examples. Highly recommended.

By Maia Dixon on 2/19/2021

I REALLY appreciate this instructor. He has projects that you can work thru WITH HIM STEP by STEP. This is allowing me to get my work done with guidance and confidence. I don't have to figure things out. I'm good at HTML, CSS and programming. NOT designing. This course has helped me to wireframe, apply grids and make a modern, responsive site. This course was EXACTLY what I needed. Will purchase more from this instructor.

By Johann van Vuuren on 1/9/2021

Very well presented in a step wise progression that allows the student to assimilate concepts at a slow but dynamic pace. I have taken one of Laurence's other courses "Beginner's Introduction To Web Development" and he really is an excellent teacher.

By Ron Ashworth on 7/24/2020

I did have a text editor but decided to try out brackets and discovered something new. I'm excited.

By Arkady James on 7/23/2020

Very easy to follow with methodical and easy to follow instructions and explanations. Huge added benefit is all the source coding from each lesson so you can follow along practically as well as theoretically while watching the videos. One great thing is the inclusion of third-party content and resources; there is so much to remember but there are huge repositories of code and information available to help expand upon the fundamentals you learn from here.

By Ann ** on 6/30/2020

Great instruction, good progression & lots of resources. This is an excellent course for a beginner or someone who needs extra practice with HTML/CSS/Javascript.

Showing all 10 reviews on CourseDuck

Read all 129 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 : 90 / 100