Javascript: Learn Javascript with practical exercises 2023
Learn Javascript with practical exercises teaches plain javascript in building different UI widgets/components
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
Create a reusable progress bar (Refactor)
Build a reusable star rating widget
Screenshots
Reviews
Coupons
Submit by | Date | Coupon Code | Discount | Emitted/Used | Status |
---|---|---|---|---|---|
- | 12/27/2022 | F57331C72F38D8F29C38 | 50% OFF | expired |