目录
2.0 程序搜索:百度,谷歌,StackOverflow,Code Compare,codeproject
codeproject:https://www.codeproject.com/
目录
一. 编程工具
WebStorm 力推 作为前端开发神器,智能的IDE(帮你配置好环境,基本不用太操心)
然后就是选择VSCODE 也不错(需要自己安装环境)
之前进行学习h5 css js(基本语法),jq(基本语法),bootstrap(框架)
学习资料可以去 某宝找,相关的前端社区也会有一些教程视频公布
二. 从这开始前端开始入门
2.0 程序搜索:百度,谷歌,StackOverflow,Code Compare,codeproject
codeproject:https://www.codeproject.com/
segmentfault:https://segmentfault.com/
fullstackreact:https://gitter.im/fullstackreact/fullstackreact
Youtube学习资源:YouTube 上有哪些自学编程的优质频道 - 知乎
StackOverflow:有错误还是疑问可在这里找,很方便
Code Compare:代码对比软件,入门必备
Api查询(现学现卖):https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Index
在线文档(也可以安装离线的包):DevDocs API Documentation
在线的教程: Learn to Code Online | Treehouse
2.1 ES6文档:
JavaScrip入门博客(这个很不错的)
Practical Modern JavaScript (2017) — Pony Foo
30天入门javascript:(必看)
JavaScript 30 — Build 30 things with vanilla JS in 30 days with 30 tutorials
阮一峰博客
2.2 React文档:
我搜集的入门集锦希望对楼主有用,基本上最多两周你就可以完全用react来开发一个完整的应用了。React学习资源 · Issue #21 · simongfxu/simongfxu.github.io · GitHub
wo de的前端入坑记 小李科技的博客_CSDN博客-React,React入门30天,S.AntD后台项目领域博主(置顶文章帮助搭建环境简单入门)
React官网教程 (简单看下来了解下) 表单 | React 入门教程(必看)
父子组件传值(实例入门) 前端入坑,先入了React坑_zhangbohun的博客-CSDN博客
30天入门上手 Fullstack React: 30 Days of React
React初学者教程 React 初学者教程13:用 React 创建一个简单的 Todo List 应用_React 教程_W3cplus(这里有些内容不全可以看这个网站的原帖)
胡子大叔系列教程 mangojuice.top -
一稻的React实验室 https://blog.csdn.net/awaw00/article/category/6642917
ReactUi(作者现在更到第九个入门项目) Fullstack React: Thank You!
this绑定相关: React and ES6 - Part 3, Binding to methods of React class (ES7 included)
React学习笔记: https://blog.csdn.net/qq_39242027/rss/list
React社区(中文)可在这里找资料和问问题:React 中文
相信这些看完会对React有基本的了解
必做案例TodoMVC
2.3 Redux(作为React状态管理的进阶版)
Redux 的官方文档(简单看下来了解下) Redux - A predictable state container for JavaScript apps. | Redux
https://cn.redux.js.org/docs/react-redux/
必做案例TodoMVC
胡子大叔系列教程 mangojuice.top -
一稻的React实验室 https://blog.csdn.net/awaw00/article/category/6642917
30天入门上手 Fullstack React: 30 Days of React
2.4 Ant Design框架学习
官网教程 快速上手 - Ant Design
官网后面的入门案例 Ant Design 实战教程(beta 版) · 语雀
React + Ant 单车共享入门项目实战 https://blog.csdn.net/qq_34829447/article/category/7954883
JSONP 学习解决跨域问题 GitHub - FatDong1/cross-origin: 🌀 跨域demo。CORS、JSONP、postMessage、websocket、document.domain、window.name、iframe等示例
CSS3 解决图片 动画等问题 个人总结(css3新特性) - SegmentFault 思否
React-Router 学习 React Router: Declarative Routing for React.js
学习目标:学会使用Ant控件
---------2018.11.20更新--------------------------------------------------------------------------------------------
2.5 Ant Design Pro学习
官网:https://pro.ant.design/index-cn
点击start(开始使用)下载github上的实例:进行修改
GitHub - ant-design/ant-design-pro: 👨🏻💻👩🏻💻 Use Ant Design like a Pro!
相关博客:
使用Ant Design Pro,一个企业级开箱即用的中后台前端:
使用Ant Design Pro,一个企业级开箱即用的中后台前端_欣欣__KuanG97的博客-CSDN博客_ant pro
入门点滴: https://me.csdn.net/antdz
学习方法:了解目录结构,进行使用
---------------------------------------------------------------------------
暂时更到这里后续需要继续更新 ,作为我学习前端的一些踩坑
当然配合视频学习看代码效果会更好
=========
后续更新
-
阮一峰----es6
-
Flex布局
https://www.ruanyifeng.com/blog/2015/07/flex-grammar.html
-
开发者手册