HTML5 CSS3 JQUERY Single Page Website Project from Scratch
4.5 (35 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
1,720 students enrolled
Wishlisted Wishlist

Please confirm that you want to add HTML5 CSS3 JQUERY Single Page Website Project from Scratch to your Wishlist.

Add to Wishlist

HTML5 CSS3 JQUERY Single Page Website Project from Scratch

Build your own website from scratch Step by Step easy to follow guide web development. Learn to use HTML5 CSS3 JQUERY
4.5 (35 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
1,720 students enrolled
Created by Laurence Svekis
Last updated 8/2016
Current price: $10 Original price: $120 Discount: 92% off
5 hours left at this price!
30-Day Money-Back Guarantee
  • 2 hours on-demand video
  • 1 Article
  • 6 Supplemental Resources
  • Full lifetime access
  • Access on mobile and TV
What Will I Learn?
  • create a scrolling single page website
  • add jquery to create amazing effects to web pages
  • use HTML5 and CSS3 to create a website
  • build a website from scratch
  • create nav bar menus
  • create responsive websites
  • grow your portfolio
  • use JQUERY within webpages
View Curriculum
  • desire to learn
  • basic HTML and CSS
  • computer and internet access

Create your own Single Page Scrolling Website from Scratch. Single page websites are extremely popular, in this course we show you how to build one from Scratch. All the source files and resource links are included, so you too can build your own website by the end of this course.

With over 14 years experience in web development I'll introduce you to website design, explained step by step.

Starting with a setup of a basic HTML5 web template. Next we add in some content and create a shell to build the one page website on.

Next we bring the content to life using CSS3. Styling turns the HTML code into a styled webpage.

JavaScript and Jquery are then used to create amazing scrolling effects. Using data from the DOM, and properly calculating the section sizes we show you how to create page scrolling with Jquery.

All the source files and resources are included so you can get started quickly. Build an amazing website in less than an hour.

Bonus content - update the code to create a fully functional website. Expand your portfolio and practice website design. We turn the previous menu into a fully functional sticky header menu. Add images and colors to create the sample website, ready for the real world. Make it responsive and have it re-size and expand to fit any screen.

Lots of bonus content, an instructor who helps and responds to questions quickly.

  • Learn to create a contact form
  • learn how to apply JQUERY with HTML and CSS
  • Access and interact with the Document Object Model DOM
  • add Bootstrap for styling
  • use Awesome fonts for cool fonts

Learn to Create your own website in easy to follow steps. Let's get started creating amazing websites.

Who is the target audience?
  • anyone who wants to learn to create websites
  • learn HTML5 and CSS3
  • learn JQUERY
  • learn about the DOM and how to use the data
Compare to Other Web Development Courses
Curriculum For This Course
32 Lectures
How to Build a one page scrolling website from scratch
18 Lectures 01:10:46

Course Resources
1 page

HTML5 add HTML coding

HTML add dummy text and images

HTML5 website anchor links

HTML5 setup CSS

HTML5 sticky navigation menu

HTML5 add navigation menu

JavaScript setup HTML5 website

JQUERY selector click menu setup

JQUERY add remove classes

How to Use Jquery to Scroll your webpage

Jquery Scrolling options

Jquery scroll position conditions and calculations

Completed Navigation One page website scroll automation

Source Code for One Page Website Basic Template
4 pages
One Page Website Bonus Code Customization and Tweaks
13 Lectures 57:51
CSS Create Sticky Top Nav Menu

Position add spacing for navigation menu

Navigation Styling Nav Bar

Style nav menu CSS

Add images and Colors to sections

HTML5 website creation

CSS3 styling of content

Create a contact Form for the website

Make it Responsive

Completed Project 1 page responsive website template

Source code HTML5 index file
4 pages

Source code CSS3 style file
4 pages

Source code JavaScript Jquery Script file
1 page
Updates for website code
1 Lecture 01:37
Source Code updated using window scroll
About the Instructor
Laurence Svekis
4.2 Average rating
14,354 Reviews
315,354 Students
188 Courses
Instructor, 18+yrs Web Experience

I'm here to help you learnachieve your dreams, come join me on this amazing adventure today

Providing Web development courses and digital marketing strategy courses since 2002.

Innovative technology expert with a wide range of real world experience. Providing Smart digital solutions online for both small and enterprise level businesses.

"I have a passion for anything digital technology related, enjoy programming and the challenge of developing successful digital experiences. As an experienced developer, I created my first computer applications in 1990, and my first website in 1998.  I enjoy sharing my knowledge with others and want to help you share in the wonderful opportunities that the internet provides."

"Learning, understanding with a strong passion for education.  The internet has provided us with new opportunities to expand and share knowledge."

Want to learn more about becoming a web developer, do you want to experience the freedom that technology provides for us? Learn how to bring amazing things to life online.  Technology connects us all in many ways.  It opens up doors to those who embrace it and learn how to make those connections real.

"My courses are designed to help you achieve your goals, learn and update skills"

Background : An experienced web application developer, having worked on multiple enterprise level applications, hundreds of websites, business solutions and many unique and innovative web applications.  Web application development areas of expertise include HTML, CSS, JavaScript, JQuery, Bootstrap, PHP and MySQL. Anything to do with web creation and digital experience. Passionate about everything to do with web application development, programming to online marketing with a strong focus on social media and SEO

"Understanding technology provides a means to better connect with users.  It also opens so many doors.   Knowledge is the key to success and I want to help you experience what technology has to offer. I'm passionate about web technologies, and look forward to sharing my knowledge and experience with you!"