JavaScript for Web Designers | Build JavaScript Websites

Welcome to my Channel...! In this video we are going to learn about JavaScript for Web Designers. These are the fundamentals of JavaScript and essential trainings. we will see more and more in upcoming videos. Exercise Files Direct Link:-👇👇👇 https://mega.nz/file/8qRXUI5B#WJLW4EChw_HjQSZPHiQV9JIKONcHnsOA-ora6tPY4iw ***********🔗Take a Look at Our Channel's Playlist For More Topics🔗*********** JavaScript Essential Training for Beginners:-👇👇👇 https://youtu.be/hz8yF-zQTUI JavaScript Full Playlist:-👇👇👇 https://youtube.com/playlist?list=PLWMB5IYAuU6cDSTwKs8SUTP8rnRUSvGR2 ReactJS Full Playlist:👇👇👇 https://youtube.com/playlist?list=PLWMB5IYAuU6fWmpFofddsd2E67w_iVxYN PHP Full Playlist:-👇👇👇 https://youtube.com/playlist?list=PLWMB5IYAuU6coS9CWJONVuG_mZgysGd9d Full-Stack MERN App Development tutorial:-👇👇👇 https://youtu.be/b-hTgkQ05Jg Creating and Hosting Full-Stack Site using React:-👇👇👇 https://youtu.be/FWPjMkKUZ2Q For any queries drop a mail at [email protected] Share your thoughts about this video in the comment section and if you have any doubts post it in comment section. BluePrism Playlist:- https://youtube.com/playlist?list=PLWMB5IYAuU6fwXy7lFh627J9buCMnPgRU Thank You...! →→→→→Visit Our Channel For More Videos←←←←← 🏹LIKE 🏹SHARE 🏹SUBSCRIBE Where There is a Will There is a Way 💘 JavaScript for Web Designers //Chapters and time splits 00:00:00-00:01:23 Web designers need JavaScript 00:01:24-00:02:05 What you should know 00:02:06-00:03:51 Using the exercise files 00:03:52-00:04:27 Challenges 00:04:28-00:05:41 Compatibility notes 00:05:42-00:07:31 What is JavaScript? 00:07:32-00:12:47 Live examples 00:12:48-00:14:30 Where you don't use JavaScript 00:14:31-00:16:47 JavaScript's power can be dangerous 00:16:48-00:20:42 Your friend the text editor 00:20:43-00:24:03 Browsers and tools 00:24:04-00:30:34 Tools in action 00:30:35-00:32:39 Getting help 00:32:40-00:36:49 Jargon 00:36:50-00:38:53 Jargon: The DOM 00:38:54-00:40:55 Vanilla JavaScript versus frameworks 00:40:56-00:45:39 Working with user info 00:45:40-00:51:24 Text fields and select boxes 00:51:25-00:56:54 Radio buttons and checkboxes 00:56:55-01:01:15 Changing submission with events 01:01:16-01:05:30 Starting to validate input 01:05:31-01:10:44 Disabling and enabling fields 01:10:45-01:17:45 The basics of sanitizing user input 01:17:46-01:24:43 Get and set with innerHTML 01:24:44-01:25:39 Challenge: Add and use more fields 01:25:40-01:29:02 Solution: Add and use more fields 01:29:03-01:33:19 Use JavaScript to tell time 01:33:20-01:37:28 Get pieces of time 01:37:29-01:43:20 Use timers to update the page 01:43:21-01:47:35 Polish the clock 01:47:36-01:48:33 Challenge: Add the date 01:48:34-01:50:56 Solution: Add the date 01:50:57-01:57:57 Filling in gaps with Moment.js 01:57:58-02:01:02 What is an API? 02:01:03-02:07:42 Create a map 02:07:43-02:11:43 Change the center point 02:11:44-02:16:47 Change the type and zoom level 02:16:48-02:19:30 Add a marker 02:19:31-02:24:11 Add a popup to the marker 02:24:12-02:25:12 Challenge: Modify the map 02:25:13-02:29:03 Solution: Modify the map 02:29:04-02:33:11 Introducing Ziptastic 02:33:12-02:39:55 Fetching data from a third party API 02:39:56-02:44:51 Better UX for the checkout page 02:44:52-02:47:58 Next step: Move about JavaScript