[學習資源] 前端網頁設計學習資源
https://goo.gl/Ta8Lbv
#eLearning #WebDevelopment #StudyResources
好吧!大家真的是嚇到我了!前幾天,我發了一篇「前端網頁設計規格書大集合」(連結在此: https://goo.gl/bwv6TL ),沒想到觸擊人數飆到 1.5萬+ 以上!破了本粉絲頁開版七年以來的最高記錄(8000+)快兩倍。我到現在還是不知道這篇為什麼會那麼紅? XD 不過也感謝按讚轉發的各位啦!我就把它當成大家對「前端網頁設計」有興趣的暗示吧!
發了那篇之後,陸續收到一些朋友用私訊問我怎麼學網頁前端設計?有沒有那種照著學就可以學會、然後還要免.費.的....哈哈!免費的沒問題,但中文又免費就不好找囉!不知怎麼地,這方面外國人比較大方....
今天提供給大家的,是我覺得不錯的一份「前端網頁設計」學習指南。它按部就班地指引大家學一些簡單的 Linux 命令列,以及原始碼版本管控軟體 Git/GitHub。前者如果你真的用不到可以不用學跳過,後者我強烈建議要學(但學了你會發現 Git/GitHub 多用 Linux 命令列,你會回頭去學第一項,哈哈)!因為好好保管原始碼、能隨時倒退回某個時間點的原始碼,對程式師來說是很重要的。
接下來就是 HTML、CSS、JavaScript 這些正規軍上場了。作者還推薦學習 Twitter 出的「Bootstrap」,以及 jQuery 這兩套可以快速建構使用者介面的 JavaScript 套件。用 JavaScript 寫前端介面的速度如果比喻成「走路」的話,用了 Bootstrap 與 jQuery 就好比坐高鐵了。你可以在很短的時間內,建構出「蠻嚇人、蠻像樣」的使用者介面。
最後他有教了一點「後端網頁設計」,使用的是 Node.js 這個語言、以及 MongoDB 這套比較新的資料庫。如果你真的志不在後端,可以跳過。如果你有興趣看一看,我蠻推薦的!不過目前業界能混飯吃的,還是靠 PHP 與 MySQL 這兩套「老東西」比較多(雖然有慢慢被 Node.js + MongoDB 追上來的趨勢)。所以我才說「不勉強各位看這一段」。
今天的介紹各位還喜歡嗎?喜歡的話請不吝按讚或轉發分享喔!各位按讚除了滿足小弟一點小小虛榮心之外,也當成我「選材」的一個重要依據。按讚越多的,我會特意選該方面的材料多一點。目前比較受歡迎的,就是「網頁前端設計」與各類「影音教學」帖了。如果找到這方面的資源,一定會在第一時間分享給大家的!
同時也有1部Youtube影片,追蹤數超過7萬的網紅在地上滾的工程師 Nic,也在其Youtube影片中提到,程式補習班怎麼這樣教!新手工程師到底該怎麼選擇?先學框架不好嗎?其實你應該需要更瞭解問題的核心,不管程式語言或框架它們最終只是一個解決問題的工具。 這部影片會和你分享如何先找到自己的目標,進而去選擇工具和道路。 喜歡影片的話!可以幫忙點個喜歡以及分享、訂閱唷!😘 ━━━━━━━━━━━━━━━━...
「javascript 怎麼學」的推薦目錄:
javascript 怎麼學 在 紀老師程式教學網 Facebook 的精選貼文
想學 jQuery 嗎?沒問題!免費全套 jQeury 影音教學送給你!
(還可以把影片下載離線觀看喔!)
昨天聊了我在某大學推廣部教 JavaScript 與 jQuery,就有網友發私訊詢問怎麼學 jQeury。我剛好有一套免費的 jQuery 影音教學,不忍藏私,所以就把它拿出來分享給大家。
完整大綱、影片長度、超連結如下所示,請參考:
Introduction 38s
- Welcome 38s
The Basics 1h 35m 14s
- Hello jQuery 10m 59s
- Not So Fast, jQuery 7m
- The Basics of Querying the DOM 15m 54s
- Events 101 20m 56s
- Events 201 15m 42s
- Bind...Live...Delegate...Huh? 10m 49s
- Creating and Appending Content 13m 54s
Effects 2h 42m 53s
- Slides and Structure 23m 47s
- The this Keyword 10m 10s
- Modifying Effect Speeds 6m 34s
- Creating Custom Effect Methods 7m 16s
- Full Control With animate 22m 8s
- Homework Solutions 12m 16s
- The Obligatory Slider (First Stab) 32m 51s
- Prototypal Inheritance and Refactoring the Slider 34m 3s
- Your Questions Answered 13m 48s
Utilities 1h 30s
- $.each and Templating 13m 38s
- Say Hello to Handlebars 15m 18s
- The Twitter API 22m 12s
- Filtering with jQuery.grep 9m 22s
Custom Events 25m 18s
- Custom Events and the Observer Pattern 25m 18s
AJAX 1h 34m 29s
- Loading Pages Asynchronously 11m 20s
- Interacting with the Server-Side 11m 25s
- PHP and jQuery: Part 1 22m 38s
- PHP and jQuery: Part 2 29m 2s
- Deferreds 20m 4s
Plugin Development 45m 58s
- Head First Into Plugin Development 45m 58s
Exit 1m 6s
- Goodbye
https://tutsplus.com/course/30-days-to-learn-jquery/
javascript 怎麼學 在 在地上滾的工程師 Nic Youtube 的最佳貼文
程式補習班怎麼這樣教!新手工程師到底該怎麼選擇?先學框架不好嗎?其實你應該需要更瞭解問題的核心,不管程式語言或框架它們最終只是一個解決問題的工具。
這部影片會和你分享如何先找到自己的目標,進而去選擇工具和道路。
喜歡影片的話!可以幫忙點個喜歡以及分享、訂閱唷!😘
━━━━━━━━━━━━━━━━
⭐ 蝦皮賣場: https://shopee.tw/bboyceo
⭐ instagram (生活日常): https://www.instagram.com/niclin_tw/
⭐ Facebook (資訊分享): https://www.facebook.com/niclin.dev
⭐ Blog (技術筆記): https://blog.niclin.tw
⭐ Linkedin (個人履歷): https://www.linkedin.com/in/nic-lin
⭐ Github: https://github.com/niclin
⭐ Podcast: https://anchor.fm/niclin
━━━━━━━━━━━━━━━━
🌟 任何問題或合作邀約信箱: niclin0226@gmail.com
#工程師 #框架 #程式語言
javascript 怎麼學 在 Javascript30-dustin 的推薦與評價
單元 簡介 Demo效果 詳解
1. Drum kit 實作按下鍵盤發出的效果 效果 詳解
2. JS and CSS Clock 以JS及CSS實作時鐘 效果 詳解
4. Array Cardio Day 1 介紹JS array的使用(filter, map, sort, reduce) 無,用console操作 詳解 ... <看更多>
相關內容
javascript 怎麼學 在 [問題] 學jQuery前JavaScript的程度 - PTT 熱門文章Hito 的推薦與評價
[問題] 學jQuery前JavaScript的程度. 看板, web_design. 作者, because25. 時間, 2016年06月24日. ... <看更多>
javascript 怎麼學 在 快樂學程式- 想學Javascript或正在學習的你來看看吧!... 的推薦與評價
想學Javascript或正在學習的你來看看吧! ======================================= https://buzzorange.com/techorange/2018/01/04/learn-coding-in-5-months/ ... <看更多>