Website Development Build single Page Website Parallax site

Step by step guide to building a modern single page website from scratch
Website Development Build single Page Website Parallax site
File Size :
1.15 GB
Total length :
2h 21m



Laurence Svekis


Last update




Website Development Build single Page Website Parallax site

What you’ll learn

create a website design
code HTML and CSS to create a functional website
add interactive jquery coding
create background image effects within webpages

Website Development Build single Page Website Parallax site


basic HTML and CSS
basic knowledge of how JavaScript and/or jQuery works
desire to learn


Do you want to build your web portfolio and expand your knowledge of web design?
Recently trending web design concept of parallax involves the background moving at a different rate to the foreground content.   This creates an interesting effect as the visitor scroll down the website.
Within this course we introduce the concept of web design for modern websites.  Creating an HTML frame, adding CSS styling and then applying dynamic interaction via jQuery.
This course is perfect for anyone who wants to learn about web design and how to create modern custom websites from scratch.  Everything you need is included within this course.   Learn how it all fits together within this unique project based learning course.
Build a real web project and add cool animation effects.  This course is designed to teach you step by step what each line of code does, how and where to apply the code to get the desired results.
This course provides everything you need to get started with web design.  Project introduction and planningStep by Step learning about web designHTML page structuring designing your website templateCreating proper structure to prepare for CSSApplying CSS to styling you websiteCreating effects within your websiteAdding jQuery for dynamic interactive contentAdding animations to scrollusing jQuery to check viewer scroll location to create active navbarTweaking and updating CSS
What you get
Step by step learningSource Code is includedTop resources providedWork alongside lessonsHD quality videoProfessional experienced instructor
This course covers web design with an introduction to using jQuery for advanced web functionality.By the end of the course you will have the skills and know how to make a website.I am here to help you learn how to create your own websites 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 websites today.


Section 1: Web Design Learn how to build a website from scratch

Lecture 1 Parallax Single Page Site Introduction

Lecture 2 Course Resources

Lecture 3 Create Wireframe of Website

Lecture 4 HTML structure create Navmenu

Lecture 5 Creating HTML sections

Lecture 6 Basic HTML source Code

Lecture 7 Placeholder content

Lecture 8 Apply CSS to HTML

Lecture 9 How to create a Navbar from UL

Lecture 10 Full page size sections and background defaults

Lecture 11 Add background images

Lecture 12 Make your text standout

Lecture 13 Tweaking the navbar for responsive effects

Lecture 14 Responsive Updates and Fixes

Lecture 15 Navbar for small screens

Lecture 16 Adding Footer and updating sections

Lecture 17 Source Code HTML and CSS

Section 2: Adding in animated effects with jQuery

Lecture 18 Adding jQuery create event triggers

Lecture 19 jQuery binding window events

Lecture 20 Adding icon library

Lecture 21 Animate Scrolling with jQuery

Lecture 22 Slidemenu up jQuery

Lecture 23 Add Parallax effect

Lecture 24 Create a Contact Form

Lecture 25 Single Page Parallax site summary

Lecture 26 Source Code HTML jQuery

Lecture 27 Source Code CSS

Lecture 28 resources

Section 3: Bonus Section

Lecture 29 Top HTML tips with Code example Download Guide

web designers,web developers,anyone who wants to learn how to make websites,anyone who wants to expand their portfolio designing modern websites

Course Information:

Udemy | English | 2h 21m | 1.15 GB
Created by: Laurence Svekis

You Can See More Courses in the Design >> Greetings from

New Courses

Scroll to Top