Actively learning Advanced JS & DOM concepts to strengthen my core frontend skills. Working on practical mini-projects to understand the browser environment, events, selectors, and component behavior.#JavaScript #AdvancedJavaScript #DOMManipulation #WebDevelopment #FrontendDev

"From novice to expert: level up with advanced JavaScript tips!🚀💪🏽" #JavaScript #JavaScriptTips #JavaScriptHack #DevCommunity #100DaysOfCode #WebDevelopmemt #AdvancexJsTips #AdvancedJavaScript #AdvancedJavaScriptTips

Day 11, 12 & 13 - of Advanced JavaScript and DOM manipulation Simon game challenge...🎉 #javascript #DOM #AdvancedJavaScript

Day 10 - of Advanced JavaScript and DOM manipulation jQuery challenge...🎉 ✅ Animation ✅ Manipulating attributes #javascript #DOM #AdvancedJavaScript

Day 9 - of Advanced JavaScript and DOM manipulation jQuery challenge...🎉 ✅ Selecting elements ✅ Manipulating style #javascript #DOM #AdvancedJavaScript

Day 8 - of Advanced JavaScript and DOM manipulation ✅ Adding animation to website ✅ Understanding Callbacks and ...How to Respond to Events #javascript #DOM #AdvancedJavaScript

Day 7 - of Advanced JavaScript and DOM manipulation ✅ A deeper understanding of Javascript Objects #javascript #DOM #AdvancedJavaScript

Day 5 & 6 - of Advanced JavaScript and DOM manipulation Higher order function challenge completed...🎉 ✅ Higher order function and passing function as arguments #javascript #DOM #AdvancedJavaScript

Day 3 & 4 - of Advanced JavaScript and DOM manipulation A drum-kit challenge...🎉 #javascript #DOM #AdvancedJavaScript

Day 2 - of Advanced JavaScript and DOM manipulation A drum-kit challenge...🎉 #javascript #DOM #AdvancedJavaScript I learned how to adding Event Listeners to a Button

Day 1 - of Advanced JavaScript and DOM manipulation solved a dice challenge...🎉 #javascript #DOM i.e. Document Object Model #AdvancedJavaScript

How Webpack, ESLint, TypeScript, Babel, and others can generate code for you in a very clever way 💥🥳 I've been doing crazy experiments and teaching it on my Youtube channel and I will release an ESLint Clone next week 🫢 It's been pretty fun to work on this kind of thing 🤯 Recreating technologies and tools that we've been using forever can help you not only understand but troubleshoot problems that those tools throw at us. I've already recreated: - Node.js project from Scratch (Libuv V8 C ) - UglifyJS: minifying code and generating source maps using Abstract Syntax Tree - Implemented Web Sockets with no libraries (binary data and crazy stuff) - And more to come! Now is the time to recreate ESLint from Scratch 🔥 For my ESLint version, I wanted to not only check for missing semicolons or replace double quotes with single quotes. I wanted to inform the user where to use "const" or "let" declarations and replace "var" with either "const" or "let" declarations 👀 This is not a simple task because a "const" cannot be reassigned like: const test = { name: 'test' } test = { name: 'aaa' } However, you can change its value like: test.name = 'aaa' That's how the game turned out interesting 💥 I used a tool to parse the JavaScript string code into a tree object that returns all changes and stages the language does to interpret a JavaScript code. I had to make sure that a variable that was not reassigned and/or had its value changed would be replaced by "const" and reassignments turn into "let" declarations Yes, my friend! Analyzing the whole JavaScript syntax to make those decisions 😜 I've spent a least 2 days working on this to finally make it work and next week you'd check it out on my youtube channel 👽 If you wanna go further, I've used the same principles to minify code and reverse engineer it to generate source maps while recreating UglifyJS 👻 Give it a shot and watch it before I release the ESLint Clone there 🔥 🔗 bit.ly/creating-your-own-ugl… How about you, what'd you wish I recreate/reimplement from scratch on my channel? #nodejs #eslint #advancedjavascript #js #webdev #websecrets #100daysofcode @geteslint #uglifyjs

@Angular, @VueJS, @Webpack, e outros: conheça o segredo por trás dos mais populares geradores de código da atualidade 🔥💥 É doido pensar a quantidade de coisas complexas que geradores de código abstraem para nós que desenvolvemos na Web 🔥 Indo além de gerar código, muitos analisam seu código, geram versões otimizadas ou Polyfills e até notificam sobre problemas linha a linha do seu arquivo (@geteslint, @PrettierCode, etc) Algo que todos eles tem em comum é a forma de analizar a estrutura de código como uma árvore sintática onde mapeam linha a linha o que cada instrução faz para só assim te dar feedback e gerar código otimizado Essa é uma técnica que parece bastante complexa, mas eu consegui abstrair toda a complexidade para você entender como essa mágica funciona por trás das ferramentas mais populares do mundo 🤩 Eu fiz um super video, mostrando como minificar código e gerar o mapeamento do que foi minificado em relação ao código original (source maps) Algo comum de se ver nesse tipo de aplicação, é você tentar ler um arquivo e substituir texto usando expressões regulares (Regex). Só que o grande problema é: se uma variável ou função terem o mesmo nome que algo definido em um texto, você acaba substituindo conteúdo ao invés de instruções da linguagem 😟 E é aí que as Abstract Syntax Tree entram! Você navega na árvore sintática e consegue substituir e interpretar o que a linguagem está fazendo 😳 Usando essa técnica, você consegue criar ferramentas para migrar código antigo para novas versões, trocar de frameworks, criar analisadores de código e problemas de segurança e por aí vai. Te convido a dar uma olhada nesse super conteúdo que criei mostrando o passo a passo, vai explodir sua mente para um mundo de possibilidades! 📌 bit.ly/creating-your-own-ugl… #nodejs #javascript #devcommunity #uglifyjs #webpack #js #tooling #advancedjavascript #100daysofcode #erickwendel

5 Essential Tips for Professional TypeScript Development via @JS_PlainEnglish #javascript #typescript #productivity #tips #professionaldevelopment #advancedjavascript #100daysofcode #webdev #webdevelopment javascript.plainenglish.io/5…

How to read 30GB data in the frontend app without blocking the screen 🤯🔥🔥 🧙‍♂️Check it out now: bit.ly/jsstreams-30gb-proces… #javascript #data #frontend #video #tutorial #100daysofcode #100daysofcodechallenge #nodejs #webstreams #devtips #devlife #advancedjavascript

#christmasday2022 | Pluralsight Course: Advanced JavaScript jadirectives.com/best-plural… #Pluralsight #JavaScript #advancedjavascript #web #webdevelopment #coding #cloud #onlinetraining #nodejs #tutorial #cpp #developer #javascript #advancedjava #css #HTML #programming #meanstack

#christmasday2022 | Pluralsight Course: Advanced JavaScript jadirectives.com/best-plural… #Pluralsight #JavaScript #advancedjavascript #web #webdevelopment #coding #cloud #onlinetraining #nodejs #tutorial #cpp #developer #javascript #advancedjava #css #HTML #programming #meanstack

#christmasday2022 | Pluralsight Course: Advanced JavaScript jadirectives.com/best-plural… #Pluralsight #JavaScript #advancedjavascript #web #webdevelopment #coding #cloud #onlinetraining #nodejs #tutorial #cpp #developer #javascript #advancedjava #css #HTML #programming #meanstack

#christmasday2022 | Pluralsight Course: Advanced JavaScript jadirectives.com/best-plural… #Pluralsight #JavaScript #advancedjavascript #web #webdevelopment #coding #cloud #onlinetraining #nodejs #tutorial #cpp #developer #javascript #advancedjava #css #HTML #programming #meanstack

#blackfriday2022 #Offer #sale #discount #Coupon #Deals | Pluralsight Course: Advanced JavaScript jadirectives.com/best-plural… #Pluralsight #JavaScript #advancedjavascript #web #webdevelopment #coding #cloud #onlinetraining #nodejs #tutorial #cpp #developer #javascript #advancedjava