Website Development Build single Page Website Parallax site

Step by step guide to building a modern single page website from scratch

4.35 (47 reviews)
Udemy
platform
English
language
Web Design
category
instructor
1,665
students
2.5 hours
content
Feb 2023
last update
$54.99
regular price

What you will learn

create a website design

code HTML and CSS to create a functional website

add interactive jquery coding

create background image effects within webpages

Description

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 planning
  • Step by Step learning about web design
  • HTML page structuring designing your website template
  • Creating proper structure to prepare for CSS
  • Applying CSS to styling you website
  • Creating effects within your website
  • Adding jQuery for dynamic interactive content
  • Adding animations to scroll
  • using jQuery to check viewer scroll location to create active navbar
  • Tweaking and updating CSS

What you get

  • Step by step learning
  • Source Code is included
  • Top resources provided
  • Work alongside lessons
  • HD quality video
  • Professional 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.


Content

Web Design Learn how to build a website from scratch

Parallax Single Page Site Introduction
Course Resources
Create Wireframe of Website
HTML structure create Navmenu
Creating HTML sections
Basic HTML source Code
Placeholder content
Apply CSS to HTML
How to create a Navbar from UL
Full page size sections and background defaults
Add background images
Make your text standout
Tweaking the navbar for responsive effects
Responsive Updates and Fixes
Navbar for small screens
Adding Footer and updating sections
Source Code HTML and CSS

Adding in animated effects with jQuery

Adding jQuery create event triggers
jQuery binding window events
Adding icon library
Animate Scrolling with jQuery
Slidemenu up jQuery
Add Parallax effect
Create a Contact Form
Single Page Parallax site summary
Source Code HTML jQuery
Source Code CSS
resources

Bonus Section

Bonus Lecture

Screenshots

Website Development Build single Page Website Parallax site - Screenshot_01Website Development Build single Page Website Parallax site - Screenshot_02Website Development Build single Page Website Parallax site - Screenshot_03Website Development Build single Page Website Parallax site - Screenshot_04

Reviews

Jose
January 8, 2021
Tenia la expectativa que empezaria de inmediato con parallax pero se fue desde muy al inicio, no estuvo mal pero no me hacia falta personalmente. De igual forma lo recomiendo, es un pequeno proyecto para saber como hacer el paralaje y crear buenas animaciones. Buena introduccion a esta clase de conceptos. Buena Clase. Saludos Profe.
Robyn
December 17, 2018
This course provides a lot of very cool content that is hard (or impossible) to find elsewhere. You get to see exactly what to do in a compact format. I like the concise format but occasionally it is just a tad to terse.
Nathan
April 22, 2017
Content and direction were good, but explanations weren't all that great. I think the best way to help someone go out and start making sites on their own is not only to direct them through a project, but to fully explain things like HTML tags, CSS attributes, HTML structure, etc.
maik
March 12, 2017
This is not the first time I have enrolled in a course created by Laurence Svekis and I strongly doubt it will be the last! No matter the subject, the level of Mr Svekis knowledge is quite clear and his approach to teaching is easy to follow but thorough as well _ If you want to learn about building A Single Page Parallax Website THIS is the course you need!
Angela
February 2, 2017
I have been doing websites for 14 years and am trying to keep up with trends. I researched parallax scrolling and was glad to find this course. Thank you for all you do and for these lessons.
William
December 20, 2016
This course gave exactly what the description stated. It is the process of a one page site from start to finish. This instruction was clear and easy to follow, and includes the ever elusive jquery scroll effect that has become so popular (honestly I got my money's worth just learning that. I recommend taking this course when it is on sale. This author and many others offer more robust courses at the regular price point. I would recommend having a strong background in a html and css, decent knowledge of javascript and a fundamental understanding of jquery before attempting this course. You will make it through, but you may find yourself wondering why some of the code works and may feel unable to manipulate it for you purposes.
Katarzyna
November 9, 2016
Love it! First 100% practical course I've taken on Udemy. Very relevant to the real life. Thank you!!!!
JUAN
October 3, 2016
Good intro. Great value if you buy for $20 or lower. Instructor does a great job of explaining the entire process, organizing, and presenting where to get the resources. I did think the HTML could be more neat many times. I think the title is a little misleading. I bought it because I cared more about the parallax effect. But that is only talked about very very lightly. Should include more resources and examples since that is the reason people buy this course. This never discussed libraries like stellar or waypoints. Hence why i left a review of 4 as opposed to a 5. But I don't mean to say this is bad. I paid $19 and feel that I got my money worth.

Charts

Price

Website Development Build single Page Website Parallax site - Price chart

Rating

Website Development Build single Page Website Parallax site - Ratings chart

Enrollment distribution

Website Development Build single Page Website Parallax site - Distribution chart
954426
udemy ID
9/9/2016
course created date
1/3/2020
course indexed date
Bot
course submited by