Skip to content
Write a review
UdemyCSSPaid courseBeginner levelCertificate

Web Design HTML CSS Create Single Page Website from Scratch (Udemy.com)

Step by Step guide to building a single page website from scratch Learn how to use HTML CSS JavaScript jQuery together

4.2
169 reviews

Created by: Laurence Svekis

Last updated November 2024

icon
What you will learn

  • build a single page website from scratch
  • use HTML and CSS together
  • apply jQuery to create animation effects for scrolling
  • Create amazing looking websites
  • build a portfolio to include one page websites

How it compares

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

  • Rating4.2 out of 5higher than 14% of them
  • Reviews169#89 of 111 by number of reviews
  • Length2.2 hoursshorter than 76% of them
  • Last updatedNovember 2024more recently than 75% of them

icon
Course Description

One page scrolling websites are extremely popular and a great way to way to present information for anyone.  

Benefits of one page websites

  • Great for mobile
  • Encourage users to see more content
  • very visually appealing
  • no page refreshes
  • easy to setup
  • engages visitors in a unique way
  • provide information in a unique and easy to consume way

Learn how to build a website from scratch...

  • Everything you need is included
  • Source Files ready
  • Top resources
  • Best links
  • Top tips for better web design
  • Step by step process explained
  • Tools and resources needed for web design

Start by creating a wire frame of the website, and draw up how you want the finished website to look.    Build the structure of the page using HTML.  Full explanations of code as it is built.  Create the HTML menu, content area and basics of web design.    Using HTML5 semantic tags, to create your webpage.

Styling explained.  Make your website come to life adding styling to HTML structure.  Attach external libraries to add more to your CSS.   Learn how to turn your HTML header into a sticky header.  Add styling to transform your unordered list into a custom navigation bar.  Learn about adding backgrounds, setting opacity to sections and more.

Make your website responsive so that it will work on any device across multiple screen sizes.   Resize and scroll the page to sections within your web design.

Add interaction and dynamic effects to your website using jQuery.  Learn about adding event listeners, move the screen position and more.

Start exploring what you can do with your website design

By the end of the course you will have the skills and know how to create your own website from scratch.

I am here to help you learn how to create your own web projects and ready to answer any questions you may have.

Want to know more, what are you waiting for take the first step.  Join now to start learning how you too can create dynamic and interactive web projects today.
Read More Beginner Beginner Level product length iconTime: 2.2h

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.

Get the Udemy discount

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

Read More

icon
More courses by Laurence Svekis

$84.99

$64.99

Free

$14.99

Free

$11.99

All courses by Laurence Svekis

icon
More CSS courses

$174.99

$149.99

$129.99

$99.99

$10.99

$13.99

All CSS courses

icon
Reviews

4.2

169 ratings on Udemy

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

Write a review

By Rhewel P Cagobcob on 2/15/2021

Yes it was very comfortable of following the tutorial and easy to get some important methods how to build a single web page.

By Samuel Okocha on 9/24/2019

This is looking more like an "off the cough, try and see if it works option" and not as organized as I thought ! Have you explored building a nice and easy site and using that as a template to teach others ? Also, I got list in section 9, because the links you're referring to doesn't just appear when you open up the site !

By Marek Boltruczuk on 8/30/2019

Great course, easy, smooth content. Everything what you need to build responsive website. Highly recommended !!!

By Mohamud Olow on 8/2/2018

The course is short and to the point. It provides a nice approach to get started about developing a website from scratch.

By Yehia Qtaish on 3/13/2018

I felt like he did not know how to explain JQuery well, he was all over the place and also had lots of mistakes at the end of the lecture.

By Camila cortes on 11/3/2017

I think they should go more deeper into what the descriptions of the attributes for CSS mean and how to select them. or a list or a website with resources specifying.

By Mikel Moss on 9/5/2017

Buen curso, pero ya debes de saber html y css básico para entenderle; la última parte es javascript pero no se explica bien. Pero muestra varios tips muy utiles.

By George Abosaydeh on 3/29/2017

very interesting course specially for whom want to build their own simple single page website very clear very easy , also for beginner who want to start with HTML, CSS, and jquery . thanks a lot.

By Plamen Yordanov on 1/19/2017

It's quite good explained.For now, I'm really excited about this thing right now and definatelly satisfied from the quality presented.

By MLR Rooney on 8/12/2016

Very useful course. I occasionally have friends & family ask me to build a quick & simple responsive website for their project. This course provides a template of contemporary ideas & procedures. Awesome jQuery ideas.

Showing all 10 reviews on CourseDuck

Read all 169 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 : 84 / 100

Web Design HTML CSS Create Single Page Website from Scratch
Visit course on Udemy Write a review
  • Video Duration: icon 2.2h
  • Price: $54.99
  • Provider: icon Udemy
  • Updated: icon November 2024
  • Level: Beginner Beginner
  • Language: icon English
  • Certificate: icon Yes
30-day money-back guarantee on most paid courses

Udemy Coupon Price Tracker

Udemy price history

For any issues or feature requests please email CourseDuck's Co-Founder at mkuhlman12@gmail.com