In this course you will put your knowledge at practice with a real world appliace project. You will learn how to create a beautiful Image Slider from ground up. First we will start with the user interface and we will put at work our HTML and CSS knowledge to build a beautiful full screen, responsive slider. Secondly we will use JavaScript to add functionality. We will write the code to manipulate the slideshow with arrows and dots.

Description

In the same time we will make our slider automatic.

What we will cover in this project?

• basic HTML structure

• intermediate level CSS rules to create a responsive full screen slider

• DOM manipulation

• functions

• timers

This course also contains human-generated closed captions available.

• Beginners in web development who wants to make their first project with real world appliance

Course content

• Setup
  • VS Code
  • Google Chrome
• Introduction
  • Welcome
• HTML & CSS
  • Introduction
  • HTML
  • CSS
• JavaScript
  • Introduction
  • Show a slide
  • Arrows & dots