Website from Scratch HTML and CSS for Beginners (Udemy.com)
Exercise to practice building a web page from scratch using HTML CSS and JavaScript
Created by: Laurence Svekis
Last updated November 2024
What you will learn
- Build a navbar
- Build a single page website from scratch
Course Description
Want to build a single page website from scratch?
Perfect quick course to practice skills like HTML and CSS using them to build out a fully functional website from scratch.
- Scroll with nice background images and text on top
- Learn how to build a navbar and style it
- Add headers and footers to your page
- Explore how to use placeholder content for rapid web development and design
- Use JavaScript to add Scroll spy to your navbar
- bring everything together to build a website from scratch
Source code is included to get you started quickly
Step by step instruction on how to build add HTML and Styles
Taught by an instructor with many years of web development expereince
Fast and friendly advice and help always available in the Q&A section
Nothing to lose Build a website NOW!!!
Join now and see what amazing things you can build online.
Instructor Details
- 4.3 Rating
476 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 HTML 5 courses
Build Creative Website Using HTML5, CSS3, jQuery & Bootstrap (2019)
4.8 (906 Reviews)
Provider: Udemy
Time: 27.8h
$17.99
PSD to Responsive HTML5: Beginner to Advanced (2018)
4.7 (1,023 Reviews)
Provider: Udemy
Time: 6h
$11.99
Master HTML5 & CSS3: Build Real Responsive Websites (2025)
4.7 (265 Reviews)
Provider: Udemy
Time: 7h
$59.99
Reviews
By Christoph Puls on 6/30/2022
Thank you for this course. Thanks to you, I have taken the first steps in creating a website. The tempo is actually very fast, typing along yourself and understanding what is happening is sometimes difficult. But you can pause or rewind the video at any time. All in all, I can recommend your course as an introduction - of course I'm not the website programmer, I still have a lot to learn :)
By Pavitra Rana on 11/1/2019
This course is for absolute beginners and it helps me to understand the basics of HTML &CSS . So this is not for Advance users to experiment lots of things with the codes. It is good what I expected for my basic understanding.
By Jack Mac on 3/10/2019
Great content so far through the first four videos. The content does not dive deep into theory about what each tag does, but this is a 'Get Up and Running' type of demo course and great for the user that wants to get their feet wet.
By Deidre Thompson on 2/28/2019
so far this is quite easy to follow. have heard of some of key words already in another course so i am semi prepared for this one. The last three pages were printable so i can use them as a reference later on
By Kristine Lacson on 1/3/2019
Source codes are included, not too sure about it being "beginner friendly", since I do have web experience but if you do have a tinker around with the files provided. It'd be easy to see what each line of code does. I'm using sublime text though, as brackets doesn't seem to auto-suggest / fill in those words like they should. But that's more of on me. I basically breezed through the tutorial / lesson in around a couple of hours and followed along. I even got good resources for dummy text and images as well! Thanks for this, will look out for more of your lessons.
By Mille amorim on 11/27/2018
The teacher speaks very fast and does not explain each point correctly, it seems that is in a hurry to finish the content, but I believe it is the amount of content that the course has. at the end of each class he explains again and becomes clearer. maybe I did not understand very well because my English is not so fluent.
By Roberto Benites on 10/29/2018
The first half of the course is pretty good and you are def able to get the site up and running BUT i feel that explain the Java Script would have been more useful. I would even go as far as to say this should be reformatted to use jQuery.
By Jon E. on 8/7/2018
Great beginner course! Expert instructor with a clear tone. He shows you the exact code he is entering and what impact it has on the site you are building. The text in his code editor is large, clear and easy to read. This instructor fully understands all the topics he teaches and how best to relay them clearly to the student.
By Joe Gibson on 7/8/2018
I really enjoyed this course! The Javascipt portion was something I didn't know but definitely like as a feature on websites. Very great job at explaining everything. Well worth the hour!
By Yagya Joshi on 5/12/2018
After being exposed a few long courses, this course came as a relief to me. I can practice this course several times and can hone in my skill of web developing code. I actually finished the course in a couple of sittings. The good thing is that it has its entire code in one place and starts with a complete template to be filled as we progress. I like this because all items and sections are connected at a manageable frame within a page or so. Selection of brackets as editor is another good point of the course simply for the fact that you can check your code outputs without refreshing and going to the browser. This course thus proves that it is from an experienced developer who has played and practiced with the art of web development. Great course for the beginner.
Quality Score
No CourseDuck member has rated this course yet. Taken it? Give each part a thumbs up or down.
Overall Score : 86 / 100












