🔴 Building Custom JavaScript Components • JavaScript Programming • JavaScript Tutorial • (Pt. 4)

Publicado em: 27 Abril 2022
no canal de: Code Master

227

🆃🅸🅼🅴🆂🆃🅰🅼🅿🆂 🅱🅴🅻🅾🆆

00:00 - Creating Reusable JavaScript Components
01:56 - Implementing Drop-Downs with JavaScript
04:04 - Styling a Basic Menu
06:25 - Creating a Flexible Drop-Down Menu
08:37 - Styling Drop-Down Menus
10:42 - Showing and Hiding Elements with JavaScript
13:05 - Manipulating the DOM with JavaScript
15:27 - Accessing the Data Drop-Down Attribute
17:46 - Attaching a Click Handler to Elements
20:01 - Adding Behavior to Drop-Downs
22:11 - Toggling Drop-Down Menus with JavaScript
24:36 - Understanding Event Propagation in JavaScript
26:54 - Finishing the JavaScript and Handling the Drop-Down
29:15 - Positioning Drop-Down Menus with CSS
31:23 - Adding a Class to the Button
33:36 - Keeping Track of the Current Button
35:46 - Implementing a Brute Force Solution with JavaScript
38:01 - Adding a Transition to the Hover State
40:06 - Animating Drop-Downs with JavaScript
42:26 - Styling a Facebook-Style Notification Button
44:50 - Combining HTML, CSS, and JavaScript for Clean Code
47:20 - CSS Becoming More Powerful
49:45 - Combining HTML, CSS, and JavaScript for Flexibility
51:51 - Automatically Focusing a Form Element with JavaScript
54:01 - Autofocusing HTML Elements with jQuery
56:02 - Declarative HTML and JavaScript
58:17 - Explaining the Error: Object Has No Method Focus
1:00:36 - Breaking Apart a Chained Function Call
1:02:56 - Styling Alerts with CSS and JavaScript
1:05:02 - Combining HTML, CSS, and JavaScript for Alerts
1:07:22 - Using jQuery to Handle Click Events
1:09:00 - Implementing a JavaScript Component with jQuery
1:12:09 - Wiring Up Tab Components
1:14:00 - Styling the Tabs and Hiding the Pages
1:16:00 - Adding a Selected Tab with JavaScript
1:19:17 - Adding Click Handlers to Tab Elements
1:21:36 - Retrieving the Current Tab Element
1:23:00 - Keeping Track of Open Pages with Local Variables
1:26:00 - Adding Data to Each A Tag
1:28:00 - Creating Multiple Tab Controls on the Same Page
1:30:33 - Adding a Nested Tab Control
1:33:05 - Using IDs to Uniquely Select Elements
1:35:38 - Manipulating the DOM with JavaScript
1:37:43 - Implementing Modular and Reusable Code

Learn JavaScript Programming - Building Custom JavaScript Components.

In this video, we build out a few useful, reusable and clean JavaScript components. We explore dropdown menus, tabs and dismissible alerts.

Videos no. 1 - 4 cover the foundations of JavaScript - and how to use it to create modern, dynamic, web applications. The focus of this class will mainly be on JavaScript itself and how to interact with the DOM (Document Object Model) to create rich web applications.

This 4-part JavaScript tutorial provides a full introduction to all the basic fundamentals and core concepts of JavaScript for beginners. Learn how to code - learn JavaScript programming the easy way.

Enter the world of object-oriented programming as a beginner, or expand your programming knowledge with a JavaScript full course taught by top-rated instructors. Apart from teaching you the fundamental programming concepts using JavaScript programming, this course also covers the tools, how to write code, debug features, explore customizations, and start writing programs right away. It's one of the best courses to learn JavaScript programming with so many tips, examples, and exercises.

Note: Even though this is a legacy JavaScript tutorial, it is still one of the best JavaScript full courses available with a focus on JavaScript for beginners.

The first video in this JavaScript full course (Part 1 of 4) is: • 🔴 JavaScript Crash Course • JavaScript Pro...

The playlist to this JavaScript full course is available at: • 🔴 JavaScript Programming (Beginners)

Disclaimer: I don't own the rights to the content provided in this video. All credit to the respective owners.

This video was created by 3D Buzz and is now available to you for free.

Nesta página do site você pode assistir ao vídeo on-line 🔴 Building Custom JavaScript Components • JavaScript Programming • JavaScript Tutorial • (Pt. 4) duração hora minuto segundo em boa qualidade , que foi baixado pelo usuário Code Master 27 Abril 2022, compartilhe o link com seus amigos e conhecidos, no youtube este vídeo já foi visto 227 vezes e gostou like espectadores. Boa visualização!

158