Web Development Make a Single Page Website Carousel controls
4.6 (11 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.
879 students enrolled

Web Development Make a Single Page Website Carousel controls

Create your own custom website HTML CSS and jQuery together step by step learning website creation
4.6 (11 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.
879 students enrolled
Created by Laurence Svekis
Last updated 11/2019
English
English [Auto]
Current price: $83.99 Original price: $119.99 Discount: 30% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 2 hours on-demand video
  • 5 articles
  • 2 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 website from scratch
  • write HTML and CSS code
  • add animated scrolling to website
  • use jquery to create dynamic effects
Requirements
  • Basic HTML and CSS
  • JavaScript and/or jQuery
  • Desire to learn
  • Computer Access
Description

Introduction to designing and building a Single Page responsive website from scratch.  

Within the course students will be introduced to planning and designing websites.   Learn how to write HTML and CSS code to create a website.  Learn about text formatting, graphics, and making functional HTML structure.

Staring with a design concept, from an image carousel, create a modern website that has a floating indicator menu which can automatically animate the scroll process, scrolling the web visitor to the correct section on the page.

This course is perfect for those new to web design and also those who want to expand their portfolio by building unique different types of websites.  Everything you need to know from concept to completed site is provided within this course.  By the end of the course you too will be able to make a website just like the one within the course.

  • Understand where to start with web design 
  • HTML CSS jQuery
  • Wire-frames placeholder text
  • Learn how to recognise different web page containers, and how to build your HTML to be CSS ready
  • Learn about writing HTML code
  • Incorporate web design principles
  • Enhance your website using text formatting, colors, and styling
  • format your HTML elements with CSS
  • Plan design and build a single page responsive website
  • Create dynamic effects and animate your scroll
  • Add jQuery to supercharge your website and make it interactive
  • Learn how HTML CSS and jQuery work together

Everything you need to create a website is included within this course.  This course is focused around web design and will be mainly CSS based.  HTML is used to structure the pages using common HTML tagging.  jQuery is introduced for dynamic functionality.   Concepts within jQuery include event handlers, variables, objects and conditional statements.   Course will cover linking HTML and CSS to the jQuery methods discussed within the course.

included within this course

  • HD quality video
  • Source Code
  • Examples
  • Top resources

I'm here to help you learn about web design and ready to answer any questions you may have.

Upon successful completion of this course students will have a solid foundation in the core principles of web design and web development.  

Who this course is for:
  • web designers
  • web developers
  • anyone who wants to build websites from scratch
  • anyone who wants to learn more about using HTML and CSS together
Course content
Expand all 25 lectures 02:09:31
+ Introduction to web design
9 lectures 49:57
Web Design HTML structure
07:48
Adding placeholder design content
07:44
Setup Content Sections 100%
07:59
Position Navbar
05:35
Create floating navbar indicators
08:25
HTML and CSS Course Code
01:57
+ Making it Dynamic JavaScript and jQuery
8 lectures 44:23
Quick introduction to jQuery
03:09
jQuery to select elements with hash
09:25
Animate Scroll jQuery
06:53
jQuery Scroll window and mapping of section info
09:11
Calculate which section the window is currently in
06:52
Change calls to active on scroll
06:37
Source Code HTML jQuery
01:54
Source Code CSS
00:22
+ Tweaking and updates for website
7 lectures 33:57
website tweak
03:24
Making it responsive
08:47
Update section content
04:10
Pseudo Elements setup sections
06:04
Final adjustments on design
06:40
Source Code Conclusion
02:02
End source Code
02:50