Web Development Make a Single Page Website Carousel controls
4.6 (8 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
842 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Web Development Make a Single Page Website Carousel controls to your Wishlist.

Add to Wishlist

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 (8 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
842 students enrolled
Created by Laurence Svekis
Last updated 9/2016
Current price: $10 Original price: $120 Discount: 92% off
30-Day Money-Back Guarantee
  • 2 hours on-demand video
  • 4 Articles
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • create a website from scratch
  • write HTML and CSS code
  • add animated scrolling to website
  • use jquery to create dynamic effects
View Curriculum
  • Basic HTML and CSS
  • JavaScript and/or jQuery
  • Desire to learn
  • Computer Access

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 is the target audience?
  • web designers
  • web developers
  • anyone who wants to build websites from scratch
  • anyone who wants to learn more about using HTML and CSS together
Curriculum For This Course
24 Lectures
Introduction to web design
9 Lectures 50:01

Web Design HTML structure

Adding placeholder design content

Setup Content Sections 100%

Position Navbar

Create floating navbar indicators

HTML and CSS Course Code
Making it Dynamic JavaScript and jQuery
8 Lectures 44:39
Quick introduction to jQuery

jQuery to select elements with hash

Animate Scroll jQuery

jQuery Scroll window and mapping of section info

Calculate which section the window is currently in

Change calls to active on scroll

Source Code HTML jQuery

Source Code CSS
Tweaking and updates for website
7 Lectures 34:18
website tweak

Making it responsive

Update section content

Pseudo Elements setup sections

Final adjustments on design

Source Code Conclusion

End source Code
About the Instructor
Laurence Svekis
4.2 Average rating
13,115 Reviews
294,578 Students
183 Courses
Instructor, 18+yrs Web Experience

I'm here to help you learnachieve your dreams, come join me on this amazing adventure today

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