Javascript: Learn Javascript with practical exercises 2023

Learn Javascript with practical exercises teaches plain javascript in building different UI widgets/components

4.80 (5 reviews)
Udemy
platform
English
language
Web Development
category
instructor
76
students
2.5 hours
content
Jan 2023
last update
$54.99
regular price

What you will learn

Build a progress bar with plain Javascript

Refactor the progress bar to make it reusable

Build a star rating widget

Utilize DOM methods, built in Javascript functions and OOP

Description

Learn frontend development and improve your Javascript skills with Learn plain Javascript with practical exercises. This course offers a step-by-step process for building reusable components like progress bars, star rating widgets, and carousels. As you work through the exercises, you'll apply fundamental Javascript concepts, utilize built-in functions like setInterval and clearInterval, and learn about object-oriented programming.

These hands-on projects are also commonly asked in interviews for frontend and Javascript development positions, testing your understanding of the Document Object Model (DOM), Javascript events, object-oriented programming, built-in functions, and problem-solving skills.

In the progress bar section, you will create a simple progress bar with specific dimensions that starts at zero and reaches 100% within a specified time. After building this progress bar, you will then refactor it to make it flexible so it can work with different dimensions and time spans.

In the star rating widget section, you will initially build a five-star rating widget that allows a user to click on a star to give their rating. You will then make this widget reusable by applying the principles of object-oriented programming, allowing it to be flexible when it comes to allowing user inputs that determine the number of stars shown on the UI.

For the carousel widget, you will apply the principles of object-oriented programming and make use of objects and methods within the Document Object Model. You will build a widget that allows the user to navigate between images using left and right buttons that you create as part of the carousel. Enroll in this comprehensive Javascript course now and take the first step towards a successful career in frontend development.

Content

Build a progress bar with Javascript

Build a progress bar with plain Javascript

Create a reusable progress bar (Refactor)

Make the progress bar reusable

Build a reusable star rating widget

Intro
Create constructor
Implement init and setRating methods

Screenshots

Javascript: Learn Javascript with practical exercises 2023 - Screenshot_01Javascript: Learn Javascript with practical exercises 2023 - Screenshot_02Javascript: Learn Javascript with practical exercises 2023 - Screenshot_03Javascript: Learn Javascript with practical exercises 2023 - Screenshot_04

Reviews

Michael
January 12, 2023
It’s very descriptive course. I followed along and got everything done perfectly. The instructor is knowledgeable
Elias
January 12, 2023
The instructor's explanations are clear and easy to follow, and the project he provided have been very helpful in reinforcing my understanding of the concepts being taught.

Coupons

DateDiscountStatus
12/27/202250% OFF
expired

Charts

Price

Javascript: Learn Javascript with practical exercises 2023 - Price chart

Rating

Javascript: Learn Javascript with practical exercises 2023 - Ratings chart

Enrollment distribution

Javascript: Learn Javascript with practical exercises 2023 - Distribution chart
5039312
udemy ID
12/23/2022
course created date
12/27/2022
course indexed date
Bot
course submited by