注冊登錄
Web前端開發
Web前端開發工程師,主要職責是利用HTML、XHTML、CSS、JavaScript、Flash等各種Web前端技術進行客戶端産品的開發。完成客戶端程序(也就是浏覽器端)的開發,開發JavaScript以及Flash模塊,同時結合後台開發技術模擬整體效果,進行豐富互聯網的Web前端開發,致力于通過技術改善用戶體驗。
36課程256天學習時長23671人正在學習
立即報名
第一階段:頁面制作基礎
從這一基礎階段開始,正式學習Web前端開發需要的編程語言HTML, CSS和JavaScript。HTML和CSS用于Web靜態內容的展示,JavaScript用于Web動態交互。完成這一階段前端開發的學習,你就可以獨立實現一個動靜結合的Web前端項目啦!

HTML+CSS基礎入門

HTML+CSS是web前端開發基礎課程,本章將由麥子學院資深web前端開發工程師爲你全面講解HTML和css的基本屬性和用法,帶你進入web前端開發的世界。

預計學習時長:7天

Javascript基礎入門

Javascript是web前端開發常用技術之一,也是web前端開發必學技術之一,本章麥子學院原創JavaScript視頻教程,將圍繞其相關基礎知識和實際應用全面講解,讓你輕松掌握並精通JavaScript的使用。

預計學習時長:4天

Web前端開發規範

Web前端開發規範,可以幫助同學們,了解web前端開發規範的意義,掌握前端開發中的開發規範,掌握web前端開發中的實用技巧。面對企業團隊開發,可以很快融入團隊合作中,高效率的完成團隊給予的任務。

預計學習時長:7天

Html概述

HTML也叫超文本標記語言(英語:HyperText Markup Language,簡稱:HTML)是一種用于創建網頁的標准標記語言。本視頻學完後,就可以使用 HTML 來建立自己的 WEB 站點,並且將HTML 運行在浏覽器上,由浏覽器來解析。

預計學習時長:7天

第二階段:主流框架應用
優秀的Web前端開發工程師一定都是追求高效率的”懶人“。這一框架階段就是教你如何使用當今流行的Web前端框架,包括bootstrap、Angularjs等,來提高前端開發效率。在學習前端框架本身的同時,也希望你能掌握任意一種快速上手的web前端框架的方法!

鋒利的Zepto

移動端已經是如今開發的大勢所趨,大部分互聯網公司開發時都本著移動優先的策略來安排開發資源,本課程會介紹移動端開發領域非常鋒利的一把軍刀:Zepto,從工具函數、事件處理、DOM操作、數據操作等方面全方位的介紹,然後介紹 App.js:一款基于 Zepto.js 的 Mobile Web App 開發框架,並且用實例的方式來帶領大家理解框架的核心概念、掌握開發要領。

預計學習時長:7天

bootstrap入門

Bootstrap是由Twitter發布一款目前最受歡迎的前端框架。Bootstrap基于 HTML、CSS、JAVASCRIPT的,它簡潔靈活,將常見的CSS布局、常用組件和JavaScript插件進行了完整並完善的封裝,能讓沒有經驗的前端工程師和後端開發工程師都迅速掌握和使用,大大提高開發效率,它還在某種程度上規範前端團隊編寫CSS和JavaScript的規範。總之學習Bootstrap可以讓你很輕松開發出響應式的WEB項目。

預計學習時長:7天

jquery基礎應用

Jquery php前端開發最重要的基礎語言之一,學習本課程,麥子學院資深php開發工程師將帶你全面熟悉、掌握Jquery相關應用,創造不一樣的php世界。

預計學習時長:7天

H5實現俄羅斯方塊遊戲

1、學習H5遊戲開發的資源加載方式; 2、學習H5遊戲開發中的聲音控制; 3、學習H5遊戲開發中的鍵盤控制; 4、學習H5遊戲開發中的場景暫停與恢複; 5、利用面向對象的方式實現多個類似精靈; 6、了解一個完整的H5遊戲開發過程;

預計學習時長:7天

第三階段:前端技術進階
web前端開發進階階段的學習,主要是讓大家快速掌握當今流行、實用、最新的技術,比如:less、sass、json、ajax等,並將這些前端技術快速用于實踐,開發出更加符合客戶體驗度的web前端頁面。

JavaScript面向對象編程

在這個js大行其道,各種前端js框架如jQuery ,Ext,prototype等廣泛運用在各個Web項目中的世界中,js面向對象的特性被深度挖掘的年代中,沒有對js面向對象的深入了解,你都不好意思說你會js。 本套視頻教程將從面向對象的角度帶你學習js 。在使用中理解js的面向對象的一面,並能掌握js中的三大重點與難點:原型,this,閉包,具備讀懂jQuery框架源碼的基礎,並能以面向對象的形式編寫js。

預計學習時長:7天

利用Sass編寫高質量CSS

這是一門CSS相關的進階教程,目標是讓你把知識從“會用”變成“用好”,讓你從“會寫代碼”過渡到“會寫高質量代碼”。

預計學習時長:7天

JSON入門

本課程是一門關于JSON的入門級教程。JSON在2001年被提出,是一種用于數據交換的文本格式,相比XML具有很多顯著的優點。通過本課程的學習,你能夠了解JSON的格式規則、在網頁前端的簡單應用、以及常見的擴展格式。

預計學習時長:7天 已更新:7章

Web前端開發之Ajax初步

麥子學院原創web前端開發常用技術 — ajax視頻教程, 主要從ajax的運行環境、元素的應用、及其數據類型的運用等方面進行介紹和實戰,讓學員能快速入門並精通ajax的使用。

預計學習時長:7天

移動前端開發項目

希望能夠通過本套課程的學習,使之前沒有接觸過移動端開發的同學,能夠熟練進行移動端開發,並能擁有差不多2年移動端開發經驗,提高同學的前端架構能力。

預計學習時長:7天 已更新:27章

AngularJS從入門到實戰

學會正確的使用AngularJs框架,可以熟練運用AngularJs框架開發實際項目。

預計學習時長:7天

Gulp+Angular+Express實現簡易任務管理系統

這是一門利用JavaScript進行前後端開發的進階教程。教程中用到了較多比較常用和實用的前端技術、框架,工具等。 目標是讓大家了解如何利用JavaScript進行前後端開發,前後端如何交互,以及如何實用前後端構建來提高開發效率。

預計學習時長:7天

第四階段:前端技術拓展(選修)
web前端技術發展日新月異,因此前端技術的拓展學習及實踐對于web前端工程師來說非常重要。本階段就是基于KnockOut、Backbone、bootstrap、Webpack等技術的拓展學習和web前端項目的實戰開發演練。

KnockOut從入門到精通

這門課程會幫助你學會正確的使用KnockOut框架,可以熟練運用KnockOut框架開發實際項目,提高項目的開發效率,使項目更易維護和擴展。

預計學習時長:7天

項目管理

這是一門關于項目管理的課程,目標是讓你了解現代IT項目管理流程,並且能夠針對某個流程設計出一套相關的文檔,從而使整個項目規範化和科學化。

預計學習時長:7天

ECMAScript6編程藝術

ES6中包含了許多新的語言特性,它們將使JS變得更加強大,更富表現力。接下來,我們將一一深入了解它們。

預計學習時長:7天 已更新:27章

高級工程師手把手帶你做企業門戶前端

這是一門Web前端開發項目課程,手把手教你如何進行企業門戶網站開發,你將系統的學到DIV+CSS頁面布局,圖片廣告,圖片列表制作,菜單制作,及二級菜單實現原理,輪換廣告JS特效,無縫圖片列表等的實現。

預計學習時長:7天

Backbone入門基礎

講述Web前端MVC框架——Backbone的基本使用方法。目標是讓學員理解前端MVC思想,掌握Backbone的使用方法,掌握單頁面Web應用的開發方法。

預計學習時長:7天

麥子商城項目制作

學習這個課程,使你能夠勝任前端網頁工程師崗位,能夠熟練掌握網頁布局模式以及常用的CSS樣式;能根據需求分析,設計JavaScript特效;根據效果圖使用DIV+CSS布局出相應的網頁。

預計學習時長:7天

響應式web設計及項目實踐

這是一門從入門到精通由淺入深步步深入的理論+項目實戰的課程,讓你短時間內學習WEB的最基礎知識和底層知識及如何去搭建響應式WEB項目的方法。項目案例的制作會讓你的知識進一步鞏固和升華,在掌握一些HTML,CSS,JS浏覽器基礎和當前流行的響應式設計技術的同時,爲你技術的提升添磚加瓦。

預計學習時長:7天

Webpack實戰

如果你從事的是大型項目的開發,有複雜的模塊依賴,那麽你一定需要Webpack;如果你想要簡單設置,容易上手的工具,那麽你也一定需要它;如果你想要更快的打包效率和開發效率,它可以讓你不刷新頁面就能看到代碼修改的結果。Webpack憑借自身的特點與優勢,在Facebook開發團隊的全力推廣下,已經成爲了當前最好的前端打包工具之一。

預計學習時長:7天

Mock.js+Express實現京東商城數據模擬

這是一門利用Mockjs+Nodejs開發框架快速實現基于業務的數據模擬項目的課程。課程實踐項目來源于真實的商業案例,通過課程的學習,讓大家對Nodejs、數據模擬等前沿技術有更深入的了解,並在實際項目中發揮其重要的作用,讓大家能夠掌握Express快速搭建跨平台的MVC開發框架,快速構建自己的數據模擬系統。同時學會利用互聯網和開源社區迅速擴大自己的技術視野,在課程中教會大家如何分析並解決問題。

預計學習時長:7天

HTML5繪圖

HTML5提供了Canvas元素,允許腳本語言動態渲染位圖像。Canvas由一個可繪制地區HTML代碼中的屬性定義決定高度和寬度。JavaScript代碼可以訪問該地區,通過一套完整的繪圖功能類似于其他通用二維的API,從而生成動態的圖形。本課程詳細講解了HTML5繪圖的基本方法,包括文字、路徑、圖像和漸變等內容,最後以一個單機版的五子棋項目來證明HTML5繪圖功能的強大。

預計學習時長:7天

前端進階指南

學了很久的前端但是只會從頁面找1個元素在上面綁1個事件?如果是這樣,那你還有很大的提升空間,本課程由淺入深講解網絡和浏覽器的基本工作原理,更爲你介紹常見的前 端開發工具、調試工具、性能診斷工具,教你如何解決定位常見的跨浏覽器、跨平台兼容問題,還會詳細介紹前端性能優化的典型手段。如果這些你都學會了,下次出去面試肯定獲得不錯的評價。

預計學習時長:7天

polymer入門教程

ES6的標准通過,整個Web開發群都應該嘗試新的東西了,那麽我們就試試 家 直期待的Web Component,使 Google公司提供的polymer, 切都變得清晰簡單了。Let’s do it。

預計學習時長:7天

前端工程化

現如今前端領域遍地開發,想要構建自己的工程化工具體系還真是不容易,本課程會詳細介紹我在工程實踐中積累出來的工具箱,從前端項目的初始化到開發,再到測試、構建、部署和監控等環節的事半功倍的工具,認真學完,相信你的個人生産力、代碼質量都會上1個台階,能力提升了,升職和加薪還會遠麽?

預計學習時長:7天

ReactJS從入門到實戰

在諸如Jquery,AngularJS,BootStrap等各種前端框架或庫充斥市場的情況下,由Facebook的優秀程序員開發出來的React一經問世,就有人直呼這是革命性創新,性能出衆,代碼邏輯卻很簡單易懂。 本套視頻教程將從實踐的角度帶你學習ReactJS。在使用中理解ReactJS、利用ReactJS更快速的實現你的組件化開發。

預計學習時長:7天

微信公衆號JS全棧開發實戰

微信無疑是中國最大的移動社交平台,如何站在巨人的肩上讓你的應用觸及海量的用戶?本門課程會以微信公衆平台開發爲主線,以自動問答系統爲試驗場,帶領大家熟悉基礎條件的准備、調試工具、重要接口的功能和調用方法,以及産品層面該如何與你的應用結合,期間使用到的技術包括 JS、CSS、Node、Express、WeChat SDK,使用到的工具包括:NPM、PostMan。

預計學習時長:7天

Vue.js詳解

Vue.js 是用于構建交互式的 Web 界面的庫。它提供了 MVVM 數據綁定和一個可組合的組件系統,具有簡單、靈活的 API。學習本門課程可以讓你更好的理解Vue.js,課程中的一些實例能讓你更快速的學習。

預計學習時長:7天

免費領取價值1888元求職寶典!

客服熱線 400-862-8862

回到頂部