市面上讲框架使用的课很多，但鲜有讲如何搭建工程让项目运作起来的课程，本课程将从架构高度，讲解一个高级前端的工作流，在实战中，教你在面对一个项目时，如何进行技术选型，如何根据选择的技术搭建工程，以及如何进行优化，让团队协作更完美，并很好得控制代码质量，让你向前端架构师迈进！
现代前端开发中，写页面是非常基础的工作，高阶的前端需要理解工程化、前后端分离等有利于整个公司技
术选型的能力，这门课就是为此而生的
使用Webpack整合整个应用
加快项目构建速度，提供livereload和hotModuleReplacement
等功能，极大得提高开发效率
在项目中加入服务端渲染，在开发流程和正式上线流程中完美
适应，并教你随着业务的增加，如何进一步进行优化
使用Webpack打包正式项目时，如何尽量降低文件大小，使用浏
览器缓存来降低带宽压力，加快用户的访问速度
好的目录结构让你在开发过程中节省查找的时间，事半功倍
store实现的后起之秀，简单易用，有更高的执行效率
更自由的数据组织方式，更优秀的开发体验
声明式的路由书写方式跟React无缝连接，是React生态环境中
适用范围很广的路由管理工具，且很好得提供服务端渲染支持
使用真实的线上数据，让你开发完项目之后能够真正跑起来跟互联
网另一边的同学进行交流
超流行的前端代码打包工具
自定义程度非常高，有丰富的生态，plugin
可命令行启动，可作为node module使用，自由度更高
火爆的前端view层框架
声明式，纯组件化，函数式编程理念
使用React16优化了React的运行效率，同时减小代码大小
eactive的编程模型，数据修改精度更高，更新UI效率更高
没有类似redux的固定术语，可根据个人使用习惯定制方法
提供非常多的帮助函数让store定义和更新变得非常简单
使用React-Dom服务端模块进行服务端渲染
解决数据同步、路由跳转、头信息、样式生成等问题
极致hack，解决webpack-dev-server无法调试服务端渲染的问题
随项目跟进服务端渲染优化，完善每个细节
项目已上线，请你去体验： http://jnode.jokcy.me/
问答专区
讲师集中答疑
关于课程的问题都可在问答区随时提问讲师会进行集中答疑
源码开放
整套代码下载
课程案例代码完全开放给你，你可以根据所学知识自行修改、优化
前端工作一段时间后，你一定想有所突破，向更高的层级迈进，如果你已能熟练运用前端技术实现项目功能，想更进一步，向前端Leader及架构方向迈进，那本课程再适合不过了
温馨提示：本课程采用React开发，学习前希望你符合以下技术储备要求，当然，如果你想提前一窥前端架构师的工作，提前积累经验，那本课程中项目开发经验也会让你受益匪浅的！
技术储备要求
－掌握React基础知识，且有一定的React相关项目经验
－了解HTML/CSS/JavaScript/ES6/Webpack
－Node.js/Express基础知识
渴望做梦
好评
之前虽然已用react有近两年的时间，但是对于如何从头搭建一个框架还是不甚了解，这门课程学到了很多，不仅包括整个项目是如何搭建的，还学习了新的技术比如：服务端渲染、mobx等，谢谢老师！ ps：前端世界真的是纷繁复杂，学的越深入越发现不懂的东西越来越多，每一个技术点单拎出来都是一大块内容，而且技术不断推陈出新，真的是学无止境的感觉！
njplus
好评
超出预期很多，工作中很多架构方面的困惑，都从课程里得到答案。我认为更大的意义在于，这门课是系统的将你作为前端架构需要考虑的问题系统的梳理了一遍，从这个层面上讲，节省了你大量的需要自己动手实践、填坑才能形成系统概念的时间。总之是五星推荐。
jeanneze
好评
非常棒，这门课程解决了我在学习前端架构搭建时的很多困惑，老师解决问题也很及时，对于想要手动搭建前端框架，而不是借助框架的自动化构建工具构建前端架构，这门课将是你不二的选择，非常期待老师Vue的前端架构课，如果能再出相应的React Native或Weex就更好了，一定继续追，支持老师！
向您推荐
如无法下载使用图片另存为
下载海报选课、学习遇到问题？
扫码添加指导老师 1V1 帮助你！
添加后老师会第一时间解决你的问题
