logo
  • 現在做什麼
  • 關於我

Kalan

文章分類

  • 前端
  • 開發筆記
  • 雜談
  • 年度回顧

快速連結

  • 現在做什麼
  • 關於我
  • 聯絡我
  • 職涯思考🔗

關注我

在福岡生活的開發者,分享軟體開發與日本生活的點點滴滴。

© 2025 Kalan Made with ❤️. All rights reserved.

Deep Front-End Development

Written byKalanKalanOct 15, 2019
Home/Frontend
💡

If you have any questions or feedback, pleasefill out this form

Japanese原文

Table of Contents

  1. JavaScript Basics
  2. Frontend Engineering
  3. Frontend UI Development
  4. An Overview of Frontend Frameworks
  5. Browser JavaScript
  6. Frontend and Security
  7. Special Topics
  8. Advanced Topics

This post is translated by ChatGPT and originally written in Mandarin, so there may be some inaccuracies or mistakes.

  • Ironman Link - In-Depth Frontend Development
  • In-Depth Frontend Development - Gitbook

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:

  • Ironman Link - In-Depth Frontend Development
  • In-Depth Frontend Development - Gitbook
← Driving Technical ChangeHow to read SUICA information with CoreNFC →

If you found this article helpful, please consider buying me a coffee ☕ It'll make my ordinary day shine ✨

☕Buy me a coffee

Table of Contents

  1. JavaScript Basics
  2. Frontend Engineering
  3. Frontend UI Development
  4. An Overview of Frontend Frameworks
  5. Browser JavaScript
  6. Frontend and Security
  7. Special Topics
  8. Advanced Topics