JavaScript Project – Image Slider

JavaScript Project – Image Slider

English | MP4 | AVC 1280×720 | AAC 44KHz 2ch | 0h 30m | 400 MB

Improve your JavaScript skills with a real world appliance project.

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

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
Table of Contents

Setup
1 VS Code
2 Google Chrome

Introduction
3 Welcome

HTML & CSS
4 Introduction
5 HTML
6 CSS

JavaScript
7 Introduction
8 Show a slide
9 Arrows & dots