Try   HackMD

2020 年 Web 開發人員 - 實用指南

Web Development In 2020 - A Practical Guide

@TraversyMedia

  • Youtube影片
    Image Not Showing Possible Reasons
    • The image file may be corrupted
    • The server hosting the image is unavailable
    • The image path is incorrect
    • The image format is not supported
    Learn More →

    Image Not Showing Possible Reasons
    • The image file may be corrupted
    • The server hosting the image is unavailable
    • The image path is incorrect
    • The image format is not supported
    Learn More →

前言 Intro

In this complete and practical guide, we will look at just about every technology in web development. You do NOT have to learn everything here. It is simply a guide of options to help you understand what is what and pick your learning path
在這份完整而實用的指南中，我們將介紹Web開發中的幾乎所有技術。 您不必學習所有內容。 它是一份指南，可幫助您了解什麼是什麼並選擇學習路徑。

影片快速跳轉

What Do You Want To Do? - 1:28
The Necessities - 2:38
HTML/CSS (Building Blocks) - 7:10
Responsive Web Design - 9:18
Reusable CSS Components - 10:50
CSS Frameworks - 12:26
Vanilla JavaScript - 13:52
Tools (Git, Dev Tools, etc) - 16:28
Basic Deployment - 20:45
Basic Frontend Dev - 23:15
Where To Now? - 24:12
Frontend Framework - 25:00
Svelte - 27:14
State Management - 28:32
SSR (Next & Nuxt) - 30:40
SSG (Gatsby & Gridsome) - 33:04
TypeScript - 35:05
Frontend Wizard - 37:06
Server Side Language - 37:42
Server Side Framework - 42:52
Database - 47:37
GraphQL - 52:08
CMS & Headless CMS - 53:41
Deployment & DevOps - 55:22
Full Stack Dev - 59:23
Mobile Development - 59:51
PWA - 1:01:43
Desktop Apps With Electron - 1:03:19
JAMstack - 1:04:24
Serverless Architecture - 1:06:10
API-First Design - 1:07:24
Machine Learning & AI - 1:08:12
Speech Recognition - 1:09:03
Web Assembly - 1:09:42
Advice & Thank You - 1:11:21

目標導向 What Do You Want To Do?

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →

必要工具 The Necessities

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →

外觀區塊 HTML/CSS (Building Blocks)

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →

響應式設計 Responsive Web Design

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →

自製CSS樣式 Reusable CSS Components

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →

CSS框架 CSS Frameworks

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →

原生(香草口味)JavaScript Vanilla JavaScript

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →

相關工具 Tools (Git, Dev Tools, etc)

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →

部屬基礎 Basic Deployment

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →

成為初階前端開發者 Basic Frontend Dev

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →

選哪一道? Where To Now?

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →

  • 前端: 三大框架
  • 後端: 後端語言

前端框架 Frontend Framework

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →

  • 建議都試試看，選擇一個深入

2020 值得關注

編譯時框架 Svelte

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →

狀態管理 State Management

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →

SSR (Next & Nuxt)

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →

SSG (Gatsby & Gridsome)

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →

TypeScript

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →

資深前端(巫師) Frontend Wizard

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →

後端之路

後端語言 Server Side Language

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →

後端框架 Server Side Framework

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →

資料庫 Database

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →

GraphQL

網站後臺管理系統 CMS & Headless CMS

  • 適合接案

部屬環境 軟體開發與IT運維 Deployment & DevOps

全端開發 Full Stack Dev

手機程式開發 Mobile Development

  • 用網頁技術開發手機程式

PWA

桌面程式開發 Desktop Apps With Electron

  • 用網頁技術開發應用程式

JAMstack

Serverless Architecture

API-First Design

Machine Learning & AI

  • Python

Speech Recognition

Web Assembly

Advice & Thank You


相關連結 Reference

Svelte

SSR (Next & Nuxt)

Web Assembly

Last changed by 
 
sean666
0
1
884

Read more

名偵探柯南 TCG 懶人包

玩法資料彙整

Jul 27, 2024
Coding 人生 @林信良

https://openhome.cc/Gossip/

Jan 8, 2024
Screeps 專為程序員設計 經營模擬遊戲

What is Screeps? https://screeps.com/ Screeps means “scripting creeps.” It’s an open-source sandbox MMO RTS game for programmers, wherein the core mechanic is programming your units’ AI. You control your colony by writing JavaScript which operate 24/7 in the single persistent real-time world filled by other players on par with you. Google幫你翻譯並念給你聽 slideshare 線上簡報 {%slideshare SeanLiu10/screeps %}

Feb 23, 2021
第一次寫程式就上手

我想寫程式，該怎麼開始? 先選一個程式語言開始 我學程式的過程中，大部分都是為了解決特定問題、達到特定目標才去學，所以沒有特別學過什麼程式，更沒有下禮拜要期中考了我要怎麼抄別人作業這個問題。也因此，學寫程式不是一個壓力，而是一個興趣。 我該選什麼程式語言? 2019 Stackoverflow調查，程式語言的熱門排行： ![](https://i.imgur.com/awdphGx.png =600x)

Feb 19, 2021
Read more from sean666
Published on HackMD