Web Development Make a Single Page Website Carousel controls

Web Development Make a Single Page Website Carousel controls, available at $39.99, has an average rating of 4.45, with 25 lectures, based on 13 reviews, and has 886 subscribers.

You will learn about create a website from scratch write HTML and CSS code add animated scrolling to website use jquery to create dynamic effects This course is ideal for individuals who are web designers or web developers or anyone who wants to build websites from scratch or anyone who wants to learn more about using HTML and CSS together It is particularly useful for web designers or web developers or anyone who wants to build websites from scratch or anyone who wants to learn more about using HTML and CSS together.

Enroll now: Web Development Make a Single Page Website Carousel controls

Summary

Title: Web Development Make a Single Page Website Carousel controls

Price: $39.99

Average Rating: 4.45

Number of Lectures: 25

Number of Published Lectures: 25

Number of Curriculum Items: 25

Number of Published Curriculum Objects: 25

Original Price: $99.99

Quality Status: approved

Status: Live

What You Will Learn

create a website from scratch
write HTML and CSS code
add animated scrolling to website
use jquery to create dynamic effects

Who Should Attend

web designers
web developers
anyone who wants to build websites from scratch
anyone who wants to learn more about using HTML and CSS together

Target Audiences

web designers
web developers
anyone who wants to build websites from scratch
anyone who wants to learn more about using HTML and CSS together

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. �

Course Curriculum

Chapter 1: Introduction to web design

Lecture 1: Fixed navbar single page website introduction

Lecture 2: Resource Introduction

Lecture 3: Web Design Planning wireframe outline

Lecture 4: Web Design HTML structure

Lecture 5: Adding placeholder design content

Lecture 6: Setup Content Sections 100%

Lecture 7: Position Navbar

Lecture 8: Create floating navbar indicators

Lecture 9: HTML and CSS Course Code

Chapter 2: Making it Dynamic JavaScript and jQuery

Lecture 1: Quick introduction to jQuery

Lecture 2: jQuery to select elements with hash

Lecture 3: Animate Scroll jQuery

Lecture 4: jQuery Scroll window and mapping of section info

Lecture 5: Calculate which section the window is currently in

Lecture 6: Change calls to active on scroll

Lecture 7: Source Code HTML jQuery

Lecture 8: Source Code CSS

Chapter 3: Tweaking and updates for website

Lecture 1: website tweak

Lecture 2: Making it responsive

Lecture 3: Update section content

Lecture 4: Pseudo Elements setup sections

Lecture 5: Final adjustments on design

Lecture 6: Source Code Conclusion

Lecture 7: End source Code

Chapter 4: Bonus Section

Lecture 1: Bonus Lecture

Instructors

Laurence Svekis
Instructor, GDE, Application Developer

Rating Distribution

1 stars: 0 votes
2 stars: 0 votes
3 stars: 1 votes
4 stars: 6 votes
5 stars: 6 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!

Menu