The Frontend Developer
Sunday • April 9th 2023 • 12:05:53 pm
HTML & CSS: Creating and Viewing an HTML File
HTML & CSS: The Many HTML Tags
HTML & CSS: Creating and Using a CSS File
HTML & CSS: The Many CSS Commands and Media Queries
JavaScript
JavaScript: Basics
JavaScript: Functions
JavaScript: External Libraries
JavaScript: The Document Object Model (DOM) and Browser API
JavaScript: Event-Driven Programming in JavaScript
Full Stack Development
What is Full Stack Development | Beginner's Series to Full Stack Web Development
How does an application work | Beginner's Series to Full Stack Web Development
Let's look into using HTML | Beginner's Series to Full Stack Web Development
Lets learn more about CSS | Beginner's Series to Full Stack Web Development
Using External Stylesheets & Multiple Pages | Beginner's Series to Full Stack Web Development
Using Javascript to Create a Header | Beginner's Series to Full Stack Web Development
Rendering Posts using Javascript | Beginner's Series to Full Stack Web Development
Using Functions in Javascript | Beginner's Guide to Full Stack Development
Making your first Node REST API | Beginner's Guide to Full Stack Development
Using MongoDB to Store our Posts | Beginner's Guide to Full Stack Development
Fetching a Single Post | Begginer's Guide to Full Stack Development
Adding a Post to Mongo | Beginner's Guide to Full Stack Development
Web Assembly
WebAssembly: Real World Applications
Web Assembly(WASM) Calculater Created in JavaScript
Fetch
Learn Fetch API In 6 Minutes
The Ultimate Guide to GET and POST Requests with the Fetch API
Content Delivery Networks 101: A Beginner's Guide
Modules
What are Modules in JavaScript and their Specifications
Clipboard
You Don't Need a Dependency - Clipboard API
JavaScript Clipboard API Programming Tutorial
Canvas
HTML5 Canvas Tutorial for Beginners [How to Draw Shapes with JavaScript]
CANVAS JavaScript Drawing App 🎨
New CSS
How To Build An Advanced Light/Dark Theme Toggle
Diagram Library
Mermaid JS: Finally There's A Great UML & Diagram Drawing Tool
A Look At External Libraries
Learn How to do Browser Fingerprinting in JavaScript Using FingerprintJS
Replace JavaScript Alert Box with Sweet Alert JS Dialogs
Interesting JS Library Series
JavaScript OCR Using Tesseract.js
Faster Page-Loads Using QuickLink
Create Website Feature Tours using Driver.js
Show Web Page Progress Using TopBar
Create Presentation Slides using Reveal.js
Position Tooltips and Popovers Using Popper.js
Cut and Copy Text in JavaScript using Clipboard.JS
Use Google Sheets as a Free Tabular Database
Create Dynamic Webpage Headers Using Headroom.js
Create Diagrams and Charts in Web Pages using Mermaid
Hassle Free Full-Screen in JavaScript | Screenfull.js
Quickly Setup Panels in JavaScript using Tweakpane
Manage Browser Storage Like a PRO
Create Hand Drawn Shapes in JavaScript using RoughJS
SvelteKit
What is SvelteKit?
Setting up a SvelteKit App
Svelte Components (refresh)
Pages & Routes
Reusable Components
Layout Components
Reset Layouts
Loading Data & SSR
Client-side vs Server-side Code
Dynamic Routes
Redirects
Prefetching Data
Error Pages
Deploying to Vercel
API Routes
Svelte State Management Guide (Sharing Data Between Components)
Simple SvelteKit Page Transitions
Svelte Libraries
10 Awesome Svelte UI Component Libraries
What Svelte UI Library Should You Use?
Svelte Headless UI Component Library
How To Make and Publish a Svelte Library - Weekly Svelte
Introduction To 3D With Svelte (Threlte)
WebSockets
What are WebSockets? How is it different from HTTP?
WebSockets Crash Course - Handshake, Use-cases, Pros & Cons and more
A Beginner's Guide to WebSockets
Please note how the following video shows use of plain functions to communicate between server and client. Web sockets make your code extremely uniform, you are just distributing plain old functions between server and client.