Search
[有用網站] 前端網頁設計規格書大集合！
https://platform.html5.org/
#WebProgramming #FrontEndWebTechnologies #UsefulSite #WebProgrammingSpec
做「前端網頁程式設計」的工程師一定都遇過這種頭痛的問題：「前端網頁牽涉的規格太多，我要去哪裡找類似『字典』可以查語法的網站啊？」或者是：「前端網頁語法在所有瀏覽器上並非 100% 相容，我要去哪裡測試看看某語法在我的瀏覽器上是否相容呢？」
今天這個網站就可以幫您！它收集了 HTML, CSS, JavaScript...各種規格的規格書連結，讓您想查某個語法細節時，可以查得到。每條規格的後方，若有個小小的 (u) 記號，點擊後就能幫您查某個語法是否相容於特定的瀏覽器。作為「字典」，算是相當好的功能！
如果您開發前端網頁，也有「規格書不知哪裡找」，「這個語法到底可不可以用在 XX 瀏覽器」，不妨試試看這個網站喔！
喜歡的話，歡迎按讚鼓勵，或者轉發分享。如果有任何疑問，歡迎留言在下方討論喔！
[教學影片] 已跪！居然有中文字幕（簡中）的 jQuery 教學影片啊啊啊～～
https://goo.gl/1TblFh
#eLearning #OnlineCourses #WebProgramming #jQuery #CodeSchool #YouTube
常常有人問：「老師！為什麼你介紹的都是英文的教學資源，我英文苦手啊～」我也沒辦法！不知為什麼，「中文 + 免費」的教學資源很少，不然我一定很樂意介紹給大家。
不過今天居然找到中國網友流放出來、放在 YouTube 上、且加了簡中字幕的 jQuery 影音教學。看了真是讓我「內牛滿面」啊～趕緊介紹給大家！這一系列的影片，本來是 CodeSchool 這個教學網站的英文課程，非常詳細 & 按部就班地介紹了 jQuery 的知識給大家，希望想學「前端網頁設計」的朋友，能夠受益。
jQuery 是一套讓你可以簡單快速地開發炫麗的「網頁圖形界面（Web GUI）」語言。詳細介紹可以看維基百科（連結： https://zh.wikipedia.org/wiki/JQuery ）。想學 jQuery 之前，得先會 HTML, CSS, JavaScript 這三樣技術。如果您對這三樣技術不熟，當然也可以嘗試看看，不過會有一點點吃力喔（尤其是 CSS 不熟的朋友... :-P jQuery 大量使用一些 CSS Selector 的技巧）！
希望大家喜歡今天介紹的內容！如果覺得小弟介紹的資源不錯的話，還請不吝按讚鼓勵、或分享給您 FB 的朋友喔！有任何問題想問的，當然歡迎直接留言在下方。我會想辦法盡快幫您解答的。
[學習資源] 奧丁計畫（Odin Project）：一個免費學習網頁程式設計前台～後台完整知識的網站 -- 使用 Ruby on Rails 當後台語言/框架。
課程頁面： http://goo.gl/v8nRzN
首頁： http://goo.gl/1Engy4
#eLearning #WebProgramming #RubyOnRails #OdinProject
今天介紹給各位的，是一個稱為「奧丁計畫」的網站。該網站的宗旨是推廣網頁程式設計以及 Ruby on Rails 這套網頁後台框架（Frameworks）。站主從 2012 年開始學網頁程式設計，很希望能結交世界各地的同好一起研究討論，於是就把他所學的內容做成筆記，公開給大家，藉此呼朋引伴、切磋進步。
這個網站的最大優點是「學習順序清楚」、「版面清爽乾淨」。請各位點擊上方標示為「課程頁面」的連結，就會看到站主建議的學習順序。他列出的學習順序如下：
1. Introduction to Web Development
2. Web Development 101
3. Ruby Programming
4. Ruby on Rails
5. HTML5 and CSS3
6. Javascript and jQuery
7. Getting Hired as a Web Developer
我個人對於 (3) (4) 的順序有點意見。(3) (4) 屬於網頁後台，就我個人的教學經驗，對一個完全不懂程式語言的人先教後台有點複雜難懂。我會建議用： (1) -> (2) -> (5) -> (6) -> (3) -> (4) -> (7) 這樣的順序學習會比較好。大家可以試試看。
目前最常見的三大後台語言分別是：PHP, Node.js, Ruby。Ruby 作為一個程式語言本來沒啥特別的地方，但它跟 Rails 這套 Ruby 框架（框架 = Framework = 高人事先寫好、可直接套用的一些好用程式碼）搭配一起，用來開發網頁就很厲害了！簡單不出十個指令，一個網站就能從無到有、包含一個簡陋的前台與後台資料庫，都幫您建置完成！您只要稍微美化一下前台、加點客製化功能，一個看起來蠻像樣的網站就做好了！台灣 318 太陽花學運期間，用七個小時就架出一個理念說明兼募款功能的網站（ http://4am.tw/ ），據說就是使用 Ruby on Rails 寫出來的。
今天推薦的這個網站大家覺得有用嗎？感覺大家對網頁程式設計比較有興趣，我也試著回應大家的喜好、特別找了些不錯的資源貼上來。如果您覺得不錯，就麻煩您按讚鼓勵一下、也讓我知道您想看這類學習資源。當然更歡迎您轉發分享給您 Facebook 的其他好友，讓大家一起學習、一起進步。我也會更努力找些超讚的資源，幫助大家體會程式設計的樂趣！
#frontend #backend #javascript #html #htmlcss #html5 #css #jquery #nodejs #webdeveloper #programming #programmer #webdesigner #webprogrammer #webprogramming ... ... <看更多>
webprogramming 在 What is Web Programming - YouTube 的八卦
Web programming refers to the writing, markup and coding involved in Web development, which includes Web content, Web client and server ... ... <看更多>