或許夥伴們正想進階到網頁設計開發,這篇新手入門是經驗談,整理的很棒!一定要分享。感謝作者無私奉獻~
作者說:此文章我預設的對象是毫無程式基礎的人。若你已經有了程式基礎,可以自行略過相關的單元。
Hello 大家好
這次要來分享的是網頁前端的學習路線以及資源
是我帶過一些學生並思考過後慢慢總結出來的路線
去 Google 找已經可以找到很多學習路線的相關資源
但我這篇會講得比較詳細一點
文章很長,因為每一點都有附上學習理由與學習目標
這邊先附上大綱,有興趣再點進去看:
1. Command Line 的使用
2. Git 的使用
3. npm、Node.js 與 JavaScript 程式基礎
4. 單元測試 Unit Testing 與 Jest
5. 網路基礎概念
6. HTML 與 CSS
7. JavaScript 與 DOM 以及事件機制
8. 非同步與 AJAX
9. 基礎後端 PHP 與 MySQL
10. 資訊安全概念
11. 學習後端框架 Express
12. 後端部署
13. jQuery 與 Bootstrap
14. CSS 預處理器
15. 非同步歷程:callback、promise 與 async/await
16. 深入理解 JavaScript 與瀏覽器相關機制
17. gulp 與 webpack
18. 物件導向
19. React/Vue/Angular 三選一
(如果你疑惑為什麼要學後端,文章裡有寫理由)
有些人可能會覺得上面列出來的東西很多
但我覺得學完以後只是個開始而已
從每一項基礎都可以延伸出更多的東西
希望這篇文章能對想要學習網頁前端的人有幫助
「npm jest」的推薦目錄:
- 關於npm jest 在 DOC職人 時食刻客 Facebook 的最佳貼文
- 關於npm jest 在 國立陽明交通大學電子工程學系及電子研究所 Facebook 的最佳解答
- 關於npm jest 在 Jest + TypeScript:建置測試環境 的評價
- 關於npm jest 在 facebook/jest: Delightful JavaScript Testing. - GitHub 的評價
- 關於npm jest 在 facebook/jest: Delightful JavaScript Testing. - GitHub 的評價
- 關於npm jest 在 Jest without NPM or YARN? - Stack Overflow 的評價
- 關於npm jest 在 Jest Tutorial | Testing NodeJS applications with JEST - YouTube 的評價
npm jest 在 國立陽明交通大學電子工程學系及電子研究所 Facebook 的最佳解答
交大電子學長公司MVP Fastlane徵才
## 團隊簡介/地點
MVP Fastlane是2017成立的新創軟體公司,專為美國大小新創公司解決軟體技術問題,並為台灣帶來更多接觸美國市場、新創文化、科技新知的機會。
最新與美國頂尖新創公司Honey Science合作,將在台灣招聘多位資深前端軟體工程師與工程師。Honey是專注於消費者網路購物經驗的新創公司,已成功在美國獲得40M美金投資,這次挑戰在台灣設立分部,歡迎有興趣在台灣加入美國新創公司的工程師們前來應徵。更多Honey的介紹請參考http://www.latimes.com/business/la-fi-tn-honey-20171024-story.html
辦公室地點:新竹市學府路40號 (新竹交通大學育成中心)
## 工作內容
Integrate existing and upcoming Honey products with new and existing merchants
Optimize merchant integrations and improve Honey User experiences
Detect and resolve challenges that impact Honey revenue
Quickly learn and Ramp Up on training provided.
## 能力需求
Programming with JavaScript (ES5 and ES6), understand its quirks, workarounds, and best practices.
Writing unit tests with JEST (Jasmine framework).
Front-End build tools, especially Webpack.
Version control and front-end packaging tools: GIT and NPM.
Familiar with how ESLINT works.
HTML, native DOM APIs.
Self motivated and able to quickly learn the technical training, tools, and process.
Upbeat attitude and problem solving mindset.
Proficency in English
### 加分
React.js, component life-cycle, component design.
Redux and Flux design pattern.
Good understanding of what makes good UX.
Experience with other Front-End frameworks like angular, ember, backbone, etc.
## 薪資範圍
資深工程師: 月薪 70,000 ~ 120,000
工程師: 月薪 50,000 ~ 70,000
## 福利/推薦項
每季績效現金分紅(依營運狀況與個人績效),年平均兩個月起跳。
面談; 優於業界標準
## 工時/特休
彈性上下班,09:00-18:00,
週休二日, 依國定假日休假
## 聯絡方式
https://goo.gl/forms/hJYIEl7fK8cGzOqn2
or apply@mvpfastlane.com
npm jest 在 facebook/jest: Delightful JavaScript Testing. - GitHub 的推薦與評價
Note: Jest documentation uses yarn commands, but npm will also work. You can compare yarn and npm commands in the yarn docs, here. ... <看更多>
npm jest 在 facebook/jest: Delightful JavaScript Testing. - GitHub 的推薦與評價
Note: Jest documentation uses yarn commands, but npm will also work. You can compare yarn and npm commands in the yarn docs, here. ... <看更多>
npm jest 在 Jest + TypeScript:建置測試環境 的推薦與評價
上次介紹了Jest + Babel 的測試環境建置,這次來介紹Jest + TypeScript 的測試環境建置過程。 ... npm install -D jest ts-jest @types/jest ... ... <看更多>