HTML5 CSS3 JQUERY Single Page Website Project from Scratch
4.6 (43 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
1,764 students enrolled

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.6 (43 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
1,764 students enrolled
Created by Laurence Svekis
Last updated 11/2019
English
English [Auto]
Current price: $77.99 Original price: $119.99 Discount: 35% off
7 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 2 hours on-demand video
  • 2 articles
  • 8 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll 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
Course content
Expand all 33 lectures 02:25:10
+ How to Build a one page scrolling website from scratch
18 lectures 01:10:46
Course Resources
1 page
HTML5 add HTML coding
05:29
HTML add dummy text and images
02:37
HTML5 website anchor links
04:32
HTML5 setup CSS
03:09
HTML5 sticky navigation menu
02:58
HTML5 add navigation menu
07:27
JavaScript setup HTML5 website
03:05
JQUERY selector click menu setup
03:10
JQUERY add remove classes
03:38
How to Use Jquery to Scroll your webpage
04:09
Jquery Scrolling options
04:56
Jquery scroll position conditions and calculations
10:00
Completed Navigation One page website scroll automation
03:46
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
05:47
Position add spacing for navigation menu
05:19
Navigation Styling Nav Bar
06:03
Style nav menu CSS
02:40
Add images and Colors to sections
06:30
HTML5 website creation
07:23
CSS3 styling of content
02:19
Create a contact Form for the website
06:53
Make it Responsive
10:20
Completed Project 1 page responsive website template
04:37
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:19
Source Code updated using window scroll
01:19
Requirements
  • desire to learn
  • basic HTML and CSS
  • computer and internet access
Description

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 this course is for:
  • anyone who wants to learn to create websites
  • learn HTML5 and CSS3
  • learn JQUERY
  • learn about the DOM and how to use the data