The Frontend Developer
The Frontend Developer

Sunday • April 9th 2023 • 12:05:53 pm

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

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.

WebSockets with NodeJS (Express) and WebSocket API

WebSocket/Socket.io Example

12.1: Introduction to Node - WebSockets and p5.js Tutorial

12.2: Using Express with Node - WebSockets and p5.js Tutorial

12.3: Connecting Client to Server with Socket.io - WebSockets and p5.js Tutorial

Learn Socket.io In 30 Minutes

Interview with Senior JS Developer

JavaScript Is Weird

Links
Artwork Credit