· 2 min read
Deep Front-End Development
# Frontend This article was auto-translated from Chinese. Some nuances may be lost in translation.
I’ve been wanting to document some aspects of frontend development for a while, but I’ve never gotten around to it. Taking advantage of the Ironman competition, I’ve finally organized everything in one go.
This series is divided into several main sections, and I hope to continue writing in the future.
JavaScript Basics
- An Overview of JavaScript and ECMAScript
- Introduction to Common JavaScript Operations
- == vs ===, Floating Point Arithmetic
- Revisiting the Event Loop
- Rethinking jQuery
- JavaScript and Memory Management
- Immediately Invoked Function Expressions (IIFE)
Frontend Engineering
- Why Frontend Needs Engineering? — webpack
- What Led to the Creation of Babel
Frontend UI Development
- Considerations When Implementing UI
- Managing APIs in Frontend (Part 1)
- Managing APIs in Frontend (Part 2)
- Managing APIs in Frontend (Part 3) - Some Insights
- The 100 Grievances of CSS
- Discussing CSS Management - Things to Note in Typography
- A Brief Discussion on Caching
An Overview of Frontend Frameworks
- React and Vue - With jQuery, Why Do We Need xxx?
- flux & redux (incomplete)
Browser JavaScript
- Making Good Use of Idle Time - requestIdleCallback
- Exploring Browser APIs (Part 2)
- Exploring Browser APIs (Part 3)
- Autoplay and Mute
Frontend and Security
- Frontend and Security
Special Topics
- What Constitutes Good Code?
- Revisiting Redux
Advanced Topics
- Functional Reactive Programming
- GraphQL
- SEO in Frontend
- Frontend and Backend
- Things to Know When Developing Live Streaming Applications
- Universal Links
- Error Handling
If you’re interested in the topics mentioned above, feel free to check out the links to Ironman or Gitbook:
Related Posts
- What to Pay Attention to When Using Images on the FrontendBased on an article by Jake Archibald, this post organizes how modern responsive images should be written: why `width`/`height` still matter, when to use CSS `aspect-ratio`, how to choose between AVIF and WebP, and how to use `picture`/`source`/`srcset` for switching images on mobile.
- CSS field-sizing — Auto-Resize Form Elements with One Line of CSSMaking a textarea auto-resize used to require JavaScript to watch scrollHeight. CSS field-sizing: content replaces all of that in one line, supporting textarea, input, and select.
- Make Your Hyperlink Underlines Look Better: text-underline-offsetBy default, underlines sit very close to the text, and some designers dislike this style. Personally, I don’t think it looks very good either.
- Why Web Design Shouldn’t Chase Pixel PerfectOnly pay attention to Pixel Perfect when it really matters; otherwise, it often leads to a lose-lose situation.