The Power of JavaScript: A Practical Approach

About Course

This course focuses on the practical application of the JavaScript programming language on real-life projects. You receive a real technical specification, source files, and we learn in practice how to carry out such projects until the very end. If you do not yet have enough knowledge to complete this course, then this platform also has the first part, which allows you to obtain all the necessary theoretical knowledge. You can find it on my profile.

What is JavaScript and why should you learn it now? JS is the language for interactivity on web pages. Nowadays not a single website on the Internet can do without it. And even more! Using various frameworks, JavaScript is sweeping the Internet: server side (Node.js), mobile applications (React Native, Ionic), virtual reality (React VR) and so on. Therefore, if you want to go down one of these paths, native JS will be an essential base for you.

Course Content

Project No. 1. Classic style

How to take this course
Setting up the project build and understanding the technical specifications
Working with modal windows
Working with tabs (tabs) on a page
Working with data submission forms
Working with the calculator form, part 1
Working with the calculator form, part 2
Working with the timer
Implementing a module with displaying images
Improving our project (animations, proper overflow behavior)

Project No. 2. Volumetric project in a classic style

Getting to know the project and working with modal windows
““Catch” scrolling to the end of the page and the gift modal window
Working with sliders on a page
Working with data submission forms
Create a mask for a phone number
Simple “loading” of elements
Loading elements from the server
Replacing images on hover
Create an accordion
Working with a burger menu
Creating smooth scrolling on the website
Implementation of Drag & Drop loading images

Project No. 3. Multi-page website and scripts completely in OOP style

Introduction to the project and implementation of the main slider
Block that pops up over time
Creating a video player in a modal window
Class inheritance. Creating a general slider prototype and main sliders
Implementation of secondary sliders (smaller sizes)
Implementing a block with differences
Working with data submission forms
Multi-page. How to avoid errors in code.
Main slider of the second page, event pop-up
Creating a dynamic video player
Functionality for downloading files, expanding content and project results

Creating your own JavaScript UI library

Introduction
Assembly and project architecture
Working with CSS classes and event handlers
Creating methods for working with elements, part 1
Creating methods for working with elements, part 2
Create fadeIn/fadeOut animations
Working with styles + creating ready-made button components for the library
Create a fadeToggle animation
Creating a Dropdown menu as a ready-made component
Creating components of a modal window and product cards
Dynamic creation of modal windows
Create a tab component
Creating an Accordion Component
Creating a Slider Component
We create services to work with the server
Project using only our library
Results and useful links

Additional materials

Setting up the code editor
How to work with JSHint
Local servers
How to work with the server in JavaScript part 1
How to work with the server in JavaScript part 2
How to work with the server in JavaScript part 3
Creating your own mini-library in OOP style, part 1
Creating your own mini-library in OOP style, part 2
Writing a parser in JavaScript
Analysis of test tasks: Forming a scenario
Analysis of test tasks: Filling a matrix with a spiral
Analysis of test tasks: Sorting an array of goods

Student Ratings & Reviews

No Review Yet