iT邦幫忙

3

[鼠年全馬鐵人挑戰] Week14 - 超新手學前端-前端工程師必學技能

  • 分享至 

  • xImage
  •  

寫了超過十篇文章才發現都沒有介紹到學習前端工程師需要學習的技能XD
這週就來記錄一下當時我收集的資訊吧:)

前端工程師需要學習的語言

想往前端工程師這條路前,首先要知道的是要需要學習哪些語言:
最基本的一定要會 HTML、CSS、JavaScript 網頁組成的三大元素
新手剛開始都是先從基本的 HTML、CSS 練習排版
當知道基本排版的架構之後就要知道如何讓網頁更美麗
這時候我們就要從 CSS 開始延伸學習啦

除了基本的 CSS 樣式,我們還要學習的是:

  • 符合各種裝置的響應式網頁設計(RWD)
  • 更方便快速的 CSS 框架如:bootstrap
  • 讓 CSS更簡潔的預處理方式:如SCSS
  • 會讓初學者中毒的 CSS 排版技巧:Flex(真的爆好用derXD)

當排版學習的差不多的時候就要加入如何讓網頁能和使用者互動的元素啦~

  • JavaScript 這我稱之為前端大魔王啊~~~真的超級燒腦
  • 如果初學者還沒辦法完全理解 JavaScript 可以先從較簡單的 jQuery 開始慢慢學習

在 JavaScript 當中,又有分三大框架,幫助前端開發者更快速的開發:

  • React.js
  • Vue.js (初學者大推,較容易理解且入門)
  • Angular

還有幫助前端開發的方便工具:如 gulp
當你開發好一個網站的時候,就要使用 API 與後端連結
當然也有許多好用的專案上傳工具,例如 git hub,光是上傳方法就有好多種呢,之後可以再寫一篇git hub 學習筆記了XD

其實以上列出來的技能是最基本不過也必需要學習到的,當然還有更多需要學的,初學者剛開始先慢慢的一步一步走,慢慢的熟悉各種語言技能,這裡也提供不錯的網站讓新手參考:

六角學院的大補帖網站

這個網站真的超級萬用啊,適合新手一開始還不知道需要什麼技能時候查看,寫的很清楚,你只要依照你的需求就可以找到相對應的資訊

https://coggle.it/diagram/XJdj8UA5tjeIugda/t/%E5%85%AD%E8%A7%92%E5%89%8D%E7%AB%AF%E5%A4%A7%E8%A3%9C%E5%B8%96/3ce94a1e7878d5f0c3c36c8ee5dd6db85bcc0fd177475649f0b9b88a6e473ea4?fbclid=IwAR2cl9T206gHd0e9nzIsrcsYSomROt6xUSr-PchUzoL_68COPhZNNip-Yu0

2018 前端開發者學習地圖

同樣來源也是六角學院,這張圖可以讓新手很明白清楚的了解前端工程師需要哪些技能

https://www.hexschool.com/2018/04/16/2018-04-16-skill_tree/

一開始要學習的我,真的找了不少資料學習,六角學院提共的資源真的對新手很友善呀~~(泣)
新手們一起加油吧:)


圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 則留言

0
iT邦新手 5 級 ‧ 2020-05-15 13:57:10

JS應該是非本科系最挑戰的部分了

a841722 iT邦新手 5 級 ‧ 2020-05-17 12:09:38 檢舉

真的~~

我要留言

立即登入留言