Code Monkey home page Code Monkey logo

book's Introduction

#《现代化前端工程师权威指南》

在线访问地址

**作者按:**前端技术圈更新迭代快,技术日新月异,这令很多前端开发的同学苦恼不已。但反过来想,也正是因为技术的推陈出新,才造就如今的百花齐放百家争鸣的时代。

那么,我们该如何更快的掌握最新的Web前端技术,从而找到更好的工作,服务企业产品开发,通过技术让自己过上更好的生活,这便成了我们心头的烦恼。

**写作目的:**本书的写作目的,也正是希望能够解决大家的烦恼。书中内容从基础技能到高级应用架构,都将层层为您解析,力求帮助读者站在时代的技术前沿,俯瞰全局。

无论你是前端新人还是职场老鸟,相信本书的内容都会让你受益良多。本书内容体系化的介绍了现代前端需要掌握的技能点,并且对每块技术都进行了深入浅出的阐述,通过最后的实战案例让读者快速掌握。

内容体系

本书聚焦前端领域最新技术,内容由浅入深地详细讲解每块知识点,既有每块技术单独的技术讲解,也有对应的实战项目联系。全书内容共分为以下四大部分:

  • 第一大部分:现代前端基础技术的掌握,高逼格养成
  • 第二大部分:react全家桶的学习和应用
  • 第三大部分:nodejs的服务端开发和实践
  • 第四大部分:前端配套技能进阶

作者介绍

郭永峰,用友网络前端架构师,现用友网络FED团队负责人,先后就职于金山猎豹、PP租车等互联网公司,加入用友网络后先后负责过技术平台开发工作,以及财务云、人力财务云等大型企业级SAAS应用的前端架构工作,现就职于用友云平台,致力于打造开源前端技术平台 tinper,并在前端工程化实现、Nodejs应用开发、React技术研究、移动端开发等方向有丰富的工作经验,并热衷于线下技术交流和分享。

目标用户

前端开发工程师或对前端感兴趣的人员,你需要掌握基本的html、css、js,并且有一定的开发经验。本课程不面向零基础人员,或前端沾边工程师。

特别声明

  • 未经允许,不可转载
  • 本书有配套视频培训课程,在CSDN同步开展

如何学习本书内容

本书内容适用于各层级的前端开发人员,你可以按照课本目录循序渐进的学习所有内容,相信学完后对你会有非常大的帮助;但同时,你也可以跳跃式的选择某一部分内容学习。

书中内容很多,但不必恐慌,因为类似rxjs或是koa等技术,也许你的项目根本就还没复杂到这方面的应用,所以直接跳过吧,挑你需要的内容深入下去。不过,对于第一和第二大部分的通用技术,建议全部进行学习和实战。

另外,切勿光看不练。阅读完后进行对应的编码练习、运行调试,或是直接应用到实际项目中,效果更佳。

鼓励写作

你的打赏,是对我写作的认可和鼓励。

勘误和反馈

内容繁多,写稿时间仓促,如在阅读和编码调试过程中发现部分错误,请及时在issue中留言反馈,戳我即可

book's People

Contributors

guoyongfeng avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

book's Issues

什么时候增加node部分的内容呢?

Do you want to request a feature or report a bug?
你希望向我报告BUG还是提交一个内容需求?

What is the current behavior?
目前的问题表现是什么样的?

If the current behavior is a bug, please provide the steps to reproduce .
如果这是个确认的问题,请描述一下具体的文章位置或是复现的步骤。

What is the expected behavior?
你预期的效果是什么样的呢?

typo 错别字

Do you want to request a feature or report a bug?
你希望向我报告BUG还是提交一个内容需求?
报告BUG

What is the current behavior?
目前的问题表现是什么样的?
《初识Node.js》 小节中 "Nnigx反向代理",
Nngix 拼写错误

If the current behavior is a bug, please provide the steps to reproduce .
如果这是个确认的问题,请描述一下具体的文章位置或是复现的步骤。
在《初识Node.js》 小节中

What is the expected behavior?
你预期的效果是什么样的呢?
"Nginx反向代理"

课程目录讨论

book

偏实战性质
人群:非入门,初中级前端,或其他开发
重点:基于react + node 实现完整项目开发 M(mongodb)E(express)A(angular -> react )N(node)

第一大部分:介绍,理论性,前端技术基础等

  • 第一章:前言
    • 前端技术历史、发展
  • 第二章:git和github快速入门使用
  • 第三章:shell脚本基础
  • 第四章:node入门和上手
    • 介绍、环境搭建和配置
  • 第五章:包管理器使用
    • npm 使用和yarn

第二大部分:通用的前端新技术

  • 第六章:babel 编译器
  • 第七章:es6基础
  • 第八章:使用es6开发前端类库
  • 第九章:webpack基础
    • webpack 基础
    • 和gulp结合
    • 各个功能使用
  • 第十章:webpack 实战
    • 打造完整项目脚手架
    • eslint
    • mocha\jest 等测试框架
    • webpack优化配置

第三大部分:react 全家桶技术

  • 第十一章:react 入门和应用
    • sever-side
    • jsx\state\lifecycle....
    • 如何开发出一个标准组件
  • 第十二章:react-router入门和应用
  • 第十三章:react 实战
    • 基于react + react-router 开发一个应用
  • 第十四章:redux基础和应用
    • 基础
    • 异步数据
    • 中间件
    • react-redux
    • devtools
  • 第十五章:redux 实战
    • todomvc?

第四大部分

  • 第十六章:node 基础
    • 核心模块学习
    • 原理
  • 第十七章:基础实战:cli命令行工具开发
  • 第十八掌:主流node框架
    • koa/express
  • 第十九章:基于koa的项目实战
    • 项目
    • 同构渲染?

第五大部分

  • 第二十章:基于react + node的全栈项目开发
    • 结业考试

附录

  • es6函数式编程

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.