· 2 min read
Deep Dive into Frontend Development
This article was auto-translated from Chinese. Some nuances may be lost in translation.
- Ironman Contest Link - Deep Dive into Frontend Development
- Deep Dive into Frontend Development - GitBook
I had always wanted to document my thoughts and knowledge on frontend development, but never got around to doing it. Taking advantage of the Ironman Contest, I compiled everything all at once. This series is divided into several main sections, and I plan to continue writing if opportunities arise in the future.
JavaScript Fundamentals
- A Brief Overview of JavaScript and ECMAScript
- Introduction to Common JavaScript Operations
- == vs. ===, and Floating-Point Arithmetic
- Revisiting the Event Loop
- Rethinking jQuery
- JavaScript and Garbage Collection
- Immediately Invoked Function Expressions (IIFE)
Frontend Engineering
- Why Does Frontend Need Engineering? — webpack
- What Led to the Rise of Babel?
Frontend UI Development
- Things to Consider When Implementing UI
- Managing APIs in Frontend (Part 1)
- Managing APIs in Frontend (Part 2)
- Managing APIs in Frontend (Part 3) - Practical Lessons Learned
- The 100 Sorrows of CSS
- Managing CSS: Things to Keep in Mind During Layout Design
- A Brief Discussion on Caching
A Brief Look at Frontend Frameworks
- React and Vue: Why do we need XYZ when we already have jQuery?
- Flux & Redux (Unfinished)
Browser JavaScript
- Making the Most of Idle Time — requestIdleCallback
- Exploring Browser APIs (Part 2)
- Exploring Browser APIs (Part 3)
- Autoplay and Muting
Frontend and Security
- Frontend and Security
Extra Chapters
- What Is Good Code?
- Revisiting Redux
Advanced Topics
- Functional Reactive Programming
- GraphQL
- SEO from a Frontend Perspective
- Frontend and Backend
- What You Need to Know When Building Live Streaming Applications
- Universal Links
- Error Handling
If you are interested in any of the topics above, feel free to check out the links on iT邦幫忙 or GitBook:
Related Posts
- Recreating My Room with Three.js Using React Three Fiber, I brought my real room into the browser—turning physical objects into an interactive table of contents, and using spatial memory to tell the story of my life and work over the past few years.
- Things to Keep in Mind When Using Images in Frontend Development Expanding on Jake Archibald's article, this post organizes how modern responsive images should be written: why width/height are still necessary, when to use CSS aspect-ratio, how to choose between AVIF and WebP, and using picture/source/srcset for art direction on mobile devices.
- CSS field-sizing — Auto-resize Form Elements with a Single Line of CSS Previously, auto-resizing a textarea required listening to scrollHeight in JavaScript. With CSS field-sizing: content, a single line replaces it all, supporting textarea, input, and select. This article covers the pain points of older approaches and how to use field-sizing.
- Make Your Link Underlines Look Better: text-underline-offset By default, underlines sit very close to the text. Some designers dislike this look, and personally, I don't think it looks great either.