前端教程文档汇总

目录

一. 编程工具

二. 从这开始前端开始入门

2.0 程序搜索:百度,谷歌,StackOverflow,Code Compare,codeproject

codeproject:https://www.codeproject.com/

2.1 ES6文档:

2.2 React文档:

2.3 Redux(作为React状态管理的进阶版)

2.4 Ant Design框架学习

2.5 Ant Design Pro学习

---

目录

一. 编程工具

二. 从这开始前端开始入门

2.0 程序搜索:百度,谷歌,StackOverflow

2.1 ES6文档:

2.2 React文档:

2.3 Redux(作为React状态管理的进阶版)

2.4 Ant Design框架学习

---

一. 编程工具

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

阮一峰博客

React 技术栈系列教程 - 阮一峰的网络日志

---

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(这里有些内容不全可以看这个网站的原帖)

                                  原帖                           Learn React | KIRUPA

胡子大叔系列教程    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

学习方法:了解目录结构,进行使用

---------------------------------------------------------------------------

暂时更到这里后续需要继续更新 ,作为我学习前端的一些踩坑

当然配合视频学习看代码效果会更好 

=========

后续更新

1. 阮一峰----es6

ES6 入门教程

1. Flex布局

https://www.ruanyifeng.com/blog/2015/07/flex-grammar.html

1. 开发者手册

分类：开发者手册 - 阮一峰的网络日志

前端 CICD 实现方案 | 前端加油站🧠