Web Application Development with JavaScript (2024 Edition)

U1: Introduction

→ Introduction to the course
→ Facilities
→ Recommended Tools
→ Recommended Extensions

U2: Facilities

→ Structure HTML
→ Prescription Styles
→ CSS Style Sheet
→ Fonts
→ Styling Application
→ JS file
→ Events in JS
→ Reactivity: Changing colors in real time
→ Babel
→ Favicon

U3: Project 1: Local Storage

→ Introduction to the section
→ Adding Border to Text
→ Adding Information to LocalStorage
→ Get LocalStorage information
→ Multiple EventListener's
→ Saving Data Dynamically
→ Save Arrangements to LocalStorage
→ Modularity in JS Files
→ Complete Translations with Babel
→ Challenge with LocalStorage

U4: Project 2: Digital Clock

→ HTML structure
→ Capturing Current Time
→ Intervals

U5: Project 3: Real-time code editor

→ HTML structure
→ Styling Application
→ Capturing and executing code
→ Translating with Babel

U6: Project 4: Matrix

→ HTML structure
→ Styling Application
→ Painting inside Canvas
→ Generate Characters
→ Painting Characters
→ Animating Matrix Waterfall
→ Translating with Babel

U7: HTTP Requests with JavaScript

→ Introduction to the section
→ JSON Placeholder
→ Fetch with Promises
→ Fetch with Async and Await
→ Axios with Promises
→ Axios with Async and Await
→ Layout Information (1/2)
→ Laying out information (2/2)
→ RECOMMENDATIONS

U8: JEST: Unit Testing

→ Introduction to the section
→ Facilities
→ Theoretical Introduction to Tests
→ Theoretical AAA Principle
→ Starting NPM Projects
→ Installing JEST
→ Getting started with JEST
→ My First Test (1/2)
→ My First Test (2/2)
→ ToBe and ToEquals
→ Describe's

U9: JEST: Real Tests

→ Secure encryption with BCrypt
→ Testing with IT
→ Testing Encryption Function

U10: Deployment

→ → Introduction to the section
→ Deployment in GH Pages
→ Register Free Domain
→ Custom Domain
→ Add WWW

U11: Vite.js and TypeScript

→ Creating a Vite.js and TypeScript Project
→ Add Icons
→ Finishing HTML structure
→ Centering Elements
→ Card and Button Design
→ Clipboard design
→ Capturing the first color
→ Capturing the second color
→ Orientation
→ Dynamic active class
→ HTML Datasets
→ Ending Orientations
→ Copy To Clipboard
→ NOTE FOR LATER: SWC instead of Babel
→ Modularizing project
→ Parameterizing functions
→ Finalizing project

U12: Deployment

→ Deployment on Netlify with GitHub

U13: Desktop Applications with Electron.js

→ Introduction to Electron
→ Adding Electron to the project
→ Adding Electron-Vite Plugin
→ CSP permission for script execution
→ DEMO: Integrating SWC
→ LIMITATION AND TEMPLATE
→ Migrating the project
→ Basic window settings
→ Compiling a Windows EXE

Course evaluation

→ This course contains a final exam

G-Tools: For Students

→ Exclusive access to cutting-edge student tools: improve your employability, participate in exclusive events, take advantage of our intelligent virtual assistant, and more.

⚑ Certificate of completion

→ Your personalized digital certificate, a unique badge of your achievements, with international validity, course duration and QR code for instant verification.