2014年一個引爆朋友圈的H5小游戲《圍住神經(jīng)貓》開始,各行各業(yè)不斷推出令人耳目一新的H5創(chuàng)意。“H5”,這個由HTML5簡化而來的詞匯,借助微信平臺,正在走進更多人的視野。
后來支付寶的十年賬單引發(fā)熱議,各大企業(yè)的年終總結(jié)現(xiàn)也熱衷于用H5技術(shù)實現(xiàn),優(yōu)秀的互動體驗令原本乏味的總結(jié)報告有趣生動了起來。毫無疑問,HTML5將是未來互聯(lián)網(wǎng)技術(shù)的制高點。
HTML5網(wǎng)頁的多媒體特性、三維、圖形及特效,超炫的瀏覽體驗,使得HTML5不僅在電腦瀏覽器上可以呈現(xiàn)令人驚嘆的效果,在移動設備上更加表現(xiàn)不凡,它改變了企業(yè)網(wǎng)絡廣告的模式與分布。HTML5與移動互聯(lián)網(wǎng)現(xiàn)在如膠如漆。HTML5具有的本地存儲功能、設備兼容性、地理位置信息等特性,非常適用于移動開發(fā),幫助企業(yè)構(gòu)建應用平臺。作為時下熱門的技術(shù),掌握HTML5技術(shù)的人才,前景還是不可估量的。
可能有人會問,我對HTML5一點都不了解,適合學HTML5嗎?
學習HTML5編程這門技能,學習遇到的困難遠沒有學習之前施加給自己的壓力大,每個人接觸新的技能,都會抱著“難不難,我沒有基礎,能學會嗎”這樣的疑問。
課工場HTML5培訓總監(jiān)認為,對未知事物存在疑慮和擔心自己做不好,這是一種很正常的心理。只要認真對待,積極學習,學好HTML5編程語言其實不難。另外,課工場針對各個基礎階段的人設計了對應的HTML5教程,可在線學習,利用碎片化時間,快速提升自己。
那么,零基礎學習HTML5,到底需要什么基礎呢?
我們分兩種情況來分析:
1.如果零基礎的情況下想去學代碼的話,就得把HTML5、CSS3、JavaScript三個都學了,這樣就不需要各種求供應商和技術(shù)了。
這種情況下建議在網(wǎng)上利用HTML5教程學習,并結(jié)合書本教材同步進行。
網(wǎng)上學習平臺有很多,如課工場(www.kgc.cn)的HTML5視頻教程,提供各個基礎階段的實用教程,你可以根據(jù)自己的能力,選擇合適的課程進行學習。而且,在線學習,很多課程都是免費的,學習起來比較方便。
同時,推薦幾本可以學習的書籍:
《Head first HTML&CSS》:入門級必備,難度合適
《JavaScript DOM編程藝術(shù)》:同樣入門級教材
《HTML5權(quán)威指南》:內(nèi)容全面,進階階段可看
兩者搭配學習,更容易理解。
2、如果只需要能制作出簡單的H5頁面,就可以繞過代碼這關,善用各類H5制作平臺,應該都能輕松上手。
如Maka、初頁、秀制作等。當然,網(wǎng)上也有很多制作H5頁面的HTML5教程,教你輕松制作出有吸引力的H5頁面。
總而言之,學習HTML5開發(fā)還是不錯的選擇,移動時代還是非常火的。根據(jù)自身的能力,利用現(xiàn)有的學習資源,選擇合適的HTML5教程或者書籍,學好這門技術(shù)不是難事。
很多人問我說作為一個前端開發(fā)人員都需要看一些什么書籍,尤其是剛?cè)腴T的新手,今天我整理了一下給大家,大佬繞過。
.一、HTML 書籍
《HTML5+CSS3從入門到精通》
《響應式Web設計:HTML5和CSS3實戰(zhàn)》
《HTML5移動Web開發(fā)實戰(zhàn)詳解》
《瘋狂HTML 5/CSS3/JavaScript講義》
《HTML5與CSS3權(quán)威指南(上下冊)(第3版)》
《HTML5程序設計(第2版)》
.
二、CSS 書籍
《Head first HTML&CSS》
《CSS權(quán)威指南(第三版)》
《圖解CSS3:核心技術(shù)與案例實踐》
《CSS禪意花園》
.
三、Javascript 書籍
《JavaScript DOM編程藝術(shù)》
《JavaScript高級程序設計》
《JavaScript權(quán)威指南》
《JavaScript語言精粹》
.
四、Node.js 推薦
《Node與Express開發(fā)》
《Node即學即用》
《Node.js開發(fā)指南》
《Node.js實戰(zhàn)》
.
五、React 書籍
《React開發(fā)實戰(zhàn)》
《深入React技術(shù)棧》
《Learning Vue.js 2》
《深入淺出Vue.js》
《Vue.js權(quán)威指南》
.
最后,雖然我看的都是電子版的,入門可以通過啃書,但書本上的東西很多都已經(jīng)過時了,在啃書的同時,也要持續(xù)關注技術(shù)的新動態(tài)哦,下方圖片查看獲取方式
注我,一起學習進步~
作者簡介:95后前端小姐姐,藍橋簽約作者,JS & ES6 & Vue領域博主
作者課程:https://www.lanqiao.cn/courses/2741
與其仰望,不如并肩!!
歡迎添加作者wx(whereashls)一起探討更多關于日常、自律、理財、副業(yè)、攝影等內(nèi)容…期待與你共同進步。
本文將介紹幾本入門前端或者深入學習前端的必備書籍,并贈送電子版。
書中講述了JS的基本概念,包括類、Promise、迭代器、代理等,其中重點介紹了ECMAScript和DOM標準。
不僅深入講述了客戶端檢測、事件、動畫、表單、錯誤處理及JSON,也闡述了Fetch API、模塊、工作者線程(web worker)、服務線程以及大量新API等近幾年流行的新規(guī)范。
這是前端開發(fā)者需要掌握的前端開發(fā)技術(shù),涉及JS的基礎特性和高級特性。
第 1 章 什么是JavaScript
第 2 章 HTML中的JavaScript
第 3 章 語言基礎
第 4 章 變量、作用域與內(nèi)存
第 5 章 基本引用類型
第 6 章 集合引用類型
第 7 章 迭代器與生成器
第 8 章 對象、類與面向?qū)ο缶幊?/p>
第 9 章 代理與反射
第 10 章 函數(shù)
第 11 章 期約與異步函數(shù)
第 12 章 BOM
第 13 章 客戶端檢測
第 14 章 DOM
第 15 章 DOM擴展
第 16 章 DOM2和DOM3
第 17 章 事件
第 18 章 動畫與Canvas圖形
第 19 章 表單腳本
第 20 章 JavaScript API
第 21 章 錯誤處理與調(diào)試
第 22 章 處理XML
第 23 章 JSON
第 24 章 網(wǎng)絡請求與遠程資源
第 25 章 客戶端存儲
第 26 章 模塊
第 27 章 工作者線程
第 28 章 最佳實踐
附錄 A ES2018和ES2019
附錄 B 嚴格模式
附錄 C JavaScript庫和框架
附錄 D JavaScript工具
點擊鏈接:https://pan.baidu.com/s/1-fU34kz1Uys5r1wdH7OJdw
提取碼:ns6w
第三版的也有,可以在公眾號【信息技術(shù)智庫】輸入【紅寶書3】即可獲取,此處不放鏈接。
本書介紹了16個常用的設計模式,講解了JavaScript面向?qū)ο蠛秃瘮?shù)式編程方面的基礎知識。
不僅介紹了面向?qū)ο蟮脑O計原則及其在設計模式中的體現(xiàn),還講述了面向?qū)ο缶幊碳记?/span>和日常開發(fā)中的代碼重構(gòu)。
本書把經(jīng)典的設計模式應用到JavaScript中,讓開發(fā)者不斷學會編寫出優(yōu)美高效、結(jié)構(gòu)化和可維護的代碼。
第一部分 基礎知識
第 1 章 面向?qū)ο蟮腏avaScript
第 2 章 this、call和apply
第 3 章 閉包和高階函數(shù)
第二部分 設計模式
第 4 章 單例模式
第 5 章 策略模式
第 6 章 代理模式
第 7 章 迭代器模式
第 8 章 發(fā)布—訂閱模式
第 9 章 命令模式
第 10 章 組合模式
第 11 章 模板方法模式
第 12 章 享元模式
第 13 章 職責鏈模式
第 14 章 中介者模式
第 15 章 裝飾者模式
第 16 章 狀態(tài)模式
第 17 章 適配器模式
第三部分 設計原則和編程技巧
第 18 章 單一職責原則
第 19 章 最少知識原則
第 20 章 開放—封閉原則
第 21 章 接口和面向接口編程
第 22 章 代碼重構(gòu)
參考文獻
鏈接:https://pan.baidu.com/s/1VA9OOvY6p7UO9t11x51ceA
提取碼:mqgk
雖然JS水深,而且有很多復雜的概念。
但是在日常的開發(fā)中,開發(fā)者沒有深入理解那些概念也可以編寫出功能全面的應用。
書的簡介講到:這些復雜精妙的概念才是語言的精髓,即使是經(jīng)驗豐富的JavaScript開發(fā)人員,如果沒有認真學習的話也無法真正理解它們。
在本書中,我們要直面當前JavaScript開發(fā)者不求甚解的大趨勢,深入理解語言內(nèi)部的機制。本書既適合JavaScript語言初學者閱讀,又適合經(jīng)驗豐富的JavaScript開發(fā)人員深入學習。
前言
第一部分 作用域和閉包
序
第 1 章 作用域是什么
第 2 章 詞法作用域
第 3 章 函數(shù)作用域和塊作用域
第 4 章 提升
第 5 章 作用域閉包
附錄A 動態(tài)作用域
附錄B 塊作用域的替代方案
附錄C this詞法
附錄D 致謝
第二部分 this和對象原型
序
第 1 章 關于this
第 2 章 this全面解析
第 3 章 對象
第 4 章 混合對象“類”
第 5 章 原型
第 6 章 行為委托
附錄A ES6中的Class
鏈接:https://pan.baidu.com/s/1VUp1bBWgK-kFHl-Xgmd9lg
提取碼:g5g8
本書講述了JavaScript、DOM 和HTML5 的基礎知識,其中重點了介紹平穩(wěn)退化、漸進增強和以用戶為中心等的DOM 編程技術(shù)。
這些概念對于前端開發(fā)工作是十分重要的。
本書將概念+示例結(jié)合來進行講述,以便呈現(xiàn)用來創(chuàng)建圖片庫頁面的腳本、用來創(chuàng)建動畫效果的腳本和用來豐富頁面元素呈現(xiàn)效果的腳本,最后結(jié)合所講述的內(nèi)容創(chuàng)建了一個實際的網(wǎng)站。
第 1 章 JavaScript簡史
第 2 章 JavaScript語法
第 3 章 DOM
第 4 章 案例研究:JavaScript圖片庫
第 5 章 最佳實踐
第 6 章 案例研究:圖片庫改進版
第 7 章 動態(tài)創(chuàng)建標記
第 8 章 充實文檔的內(nèi)容
第 9 章 CSS-DOM
第 10 章 用JavaScript實現(xiàn)動畫效果
第 11 章 HTML5
第 12 章 綜合示例
附錄 JavaScript庫
鏈接:https://pan.baidu.com/s/1kWOFrKFF59EN03FFF8lNIA
提取碼:7u4i
有任何疑惑歡迎掃碼添加作者微信
先這樣咯~
做人不要攀比,要比就比誰早起
我們下次見!
1、歡迎你 「點贊、收藏、轉(zhuǎn)發(fā)」,讓更多的人也能看到這篇內(nèi)容
2、歡迎你關注公眾號 「信息技術(shù)智庫」,獲得更多干貨
*請認真填寫需求信息,我們會在24小時內(nèi)與您取得聯(lián)系。