Overview

This is the #1 resource to master modern JavaScript (ES6+)! Take your JavaScript to an advanced, professional level by building beautiful, real-world projects from scratch (2 small beginner projects, 1 big intermediate project and 1 big advanced project). Other courses start from outdated concepts first (like ES5 and below) - we will use modern concepts right from the start (ES6+ like const/let and arrow functions - of course properly explained).Course ProjectsTop-tier, real-world projects. Expertly engineered to help you code modern websites & web apps with the latest best practices.2 Small beginner projects:Fancy Counter: Build a useful counter appWord Analytics: Build a slick word analytics app1 Big intermediate project:CorpComment: Build a sleek public feedback tool1 Big advanced project:rmtDev: Build a stylish job board for remote developer jobsWhat You'll Learn 1) How to code JS in 2024 by building realistic projects from scratch and seeing how it all fits together2) Avoid hundreds of beginner mistakes so the people who have to interact with your code have it easy3) Deeply master JS/programming basics: var/let/const, functions, objects & arrays, etc.4) Critical best practices that every JS-developer should know (e.g. how to use async/await)5) Learn how to communicate with an API properly by using fetch()6) Learn the crucial additions to JS: arrow functions, destructuring, spread operator, etc.7) Easily master React/Angular/Vue or Node.js afterwards since you mastered concepts often used in those frameworks8) Build modern web apps without frameworks and see why people use React9) Implement a simple build process for JS with webpack and Babel10) BONUS: By going through the course you'll naturally improve design/HTML/CSS tooSpecifically, these are the concepts you will learn in no particular orderWhat is JavaScript & What can we do with ithow to include JS in HTML-file ('defer')var/let/constwhen to use let instead of constdeep mastery of data types & structures (arrays, objects, etc.)deep mastery of functions (traditional vs arrow functions)template literals (``)ternary operator (?:)how to manipulate HTML (also called DOM manipulation) - querySelector(), getting user input from input field, disabling buttons, etc.how to manipulate CSSdealing with events (e.g. click and typing events)event delegation (event bubbling)deal with forms (user submits data - very common)how modern websites and web apps work generally from a JavaScript perspectiveif-else statementssetTimeout()&& operatorarray methods (e.g..forEach(),.map(),.slice(),.join())string methods (e.g..includes(),.trim())DRY-concept (Don't Repeat Yourself)how to extract repetitive code into its own helper functionhow to communicate with servers properlyfetch() APIGET-requestsPOST-requestsAJAXhow to work with JSONsynchronous vs asynchronous codepromises (.then and.catch)error handling (throw new Error)2xx, 4xx and 5xx HTTP status codesasync / awaittry / catchwhat is 'state' and 'rendering'overall structure / architecturefolder structuremost common loop (forEach)increment or decrement by 1 (++ and -)unary plus operator (+)modularity (IIFE's vs separate your JS-code into multiple files)how to deal with XSScomments in JSregular expressionsURL-structure (scheme / protocol, domain, query string parameters)destructuringundefined and nulltruthy and falsy valuesoptional chaining (?.)import/export (ES Modules) vs require/module.exports (CommonJS)named export vs default exportdefault value for function parameterwhat is refactoringhelper / utility functionsimplement common features like sorting & paginationrouting (e.g. how to manipulate URL)window objectDOMContentLoadedLocalStoragebuild process (webpack, Babel, PostCSS)formatting in JS (semicolons, tabs vs spaces)for loopand more! (can't include everything here)Avoid struggling with JavaScript for years to come. Hope to see you in the course!This course and Udemy account and all its content is owned & operated by ByteGrad Sp. z o.o. with Tax ID: PL6762676561 and company number (KRS): 0001125554.Note that the videos and code may contain mistakes. Always verify yourself that your code is safe and does what you want it to do for your specific situation. You agree by trying out the code that ByteGrad Sp. z o.o. is not responsible for any damages resulting from any suggested code or advice. You agree by trying out the code that the video creator is not responsible for any damages resulting from any suggested code or advice.

Skills

Reviews