Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA Amazon AWS CompTIA Security+ Microsoft AZ-900
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Personal Development Personal Transformation Mindfulness Life Purpose Meditation CBT Emotional Intelligence
Web Development JavaScript React CSS Angular PHP Node.Js WordPress Vue JS
Google Flutter Android Development iOS Development React Native Swift Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Retargeting
Microsoft Power BI SQL Tableau Business Analysis Data Modeling Business Intelligence MySQL Data Analysis Blockchain
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Business Plan Startup Freelancing Online Business Blogging Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
30-Day Money-Back Guarantee
Development Web Development

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
Rating: 4.7 out of 54.7 (44 ratings)
1,767 students
Created by Laurence Svekis
Last updated 11/2019
English
English [Auto]
30-Day Money-Back Guarantee

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

4 sections • 33 lectures • 2h 25m total length

  • Preview02:06
  • Preview02:56
  • Course Resources
    1 page
  • Preview06:48
  • 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

  • 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

  • Source Code updated using window scroll
    01:19

  • Bonus Lecture
    01:13

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

Instructor

Laurence Svekis
Instructor, GDE, Application Developer
Laurence Svekis
  • 4.3 Instructor Rating
  • 43,773 Reviews
  • 731,965 Students
  • 374 Courses

I'm here to help you learn, achieve your dreams, come join me on this amazing adventure today
Google Developers Expert - GSuite

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!"

  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Impressum Kontakt
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.