前端學習必備知識

2019 年 Web 開發技術指南和趨勢

1).要好一點，尤爲是 css 和 js,能夠 買一些 書籍 看一下，看書 要比看視頻好 vue ssr wepack vue-cli

JavaScript基本類型和引用類型的值

https://cn.vuejs.org/v2/guide/ 開發工具用WebStorm

https://mint-ui.github.io/#!/zh-cn

這個框架是基於 Vue.js 的移動端組件庫

Vue ApI : https://cn.vuejs.org/v2/api/#key

 Vue 學習視頻 : https://www.bjsxt.com/down/3147.html

2).vue 使用npm 安裝來作管理

https://www.runoob.com/vue2/vue-install.html

https://blog.csdn.net/junshangshui/article/details/80376489

 npm config set registry  https://registry.npm.taobao.org --global
npm config set disturl  https://npm.taobao.org/dist --global 

 不要使用cnpm
若是npm很差用就用yarn 

htt ps://yarn.bootcss.com/ 

 

谷歌瀏覽器chrome的vuejs devtools 插件的安裝

 

前端資源教程合集

http://www.javashuo.com/article/p-ynfaurnq-bk.html

學vue和react

3).那去妙味買個會員，https://www.miaov.com

1.html5 + CSS3   https://developer.mozilla.org/zh-CN/docs/Web/API
2.webpack、sass、nodejs、gulp、git、angular、jquery、js六、Bootstrap、iconfont、github 

 angularjs:https://www.imooc.com/course/list?c=angularjs  https://www.imooc.com/learn/156

都是一些框架和工具

3.es6 

 es6本身轉es5的配置  http://babeljs.io/docs/usage/api/

es6 在線轉換 : http://babeljs.io/    http://babeljs.io/repl/

寫在webpack或gulp等一些管理工具中
es6不是全部瀏覽器都支持

要配置這個就先看node 和webpack

由於配置是在webpack中
webpack基於node

3.學習網站：
hubwiz.com 匯智網
http://www.imooc.com/course/list
4.CSS3在線手冊
http://www.css88.com/book/css/

http://www.css88.com/ 老牌站點，教程和手冊多

5.phonegap第三季 angularjs+ionic視頻教程

http://bbs.phonegap100.com/thread-1574-1-1.html

6.w3school 經典必備

http://www.w3school.com.cn/

7.踏得網 

較新的教程及參考手冊
模板和動效庫

http://techbrood.com/

8. 菜鳥教程 

web知識全面，根據須要逐步學習
參考手冊的內容比官網還新

http://www.runoob.com/

9.SegmentFault 交流社區，遇到問題這裏提問，熱心人不少

https://segmentfault.com/

10.提供在線練習，GitHub對接

https://www.freecodecamp.cn/home

html5,css3,以及目前主流的js框架anglur，vue，還有打包工具webpack，nodejs

國內：
HBuilder
sublime text 3
國外：
Atom 編輯器

bootstrap 學習
http://www.bootcss.com/

https://v3.bootcss.com/css/

css:
http://css.doyoe.com/

AngularJS  API
http://docs.ngnice.com/api/

https://angular-ui.github.io/

http://miniui.com/demo/

http://docs.kissyui.com/

https://www.miaoyueyue.com/

http://damoqiongqiu.iteye.com/

http://www.html-js.com/article/1863

http://www.ruanyifeng.com/blog/javascript/

http://www.javashuo.com/article/p-cykinkdp-ba.html

ionic ： http://www.ionic-china.com/

            http://www.ionic.wang/js_doc-index-id-29.html

ecarts: http://echarts.baidu.com/index.html

echarts 官方文檔  http://echarts.baidu.com/option.html#title 

使用gulp 壓縮js和css

js基礎
原型
做用域
閉包
dom和bom
1.Javascript 權威指南
2.Javascript高級程序語言設計
3.JavaScript語言精粹
4.JavaScript模式

前端開發工具

 

vue ：

 1.vs code : 

https://code.visualstudio.com/

2.官網 

https://cn.vuejs.org/ 

3.在線英文學習視頻

  https://scrimba.com/g/glearnvue