重新整建一份个人的 Todo List

 

  • 201陆 –
    对于今后5年内Web发展的几个测度
  • 201伍 –
    作者的前端之路:从命令式到响应式,以及组件化与工程化的变革
  • 怎么产生一名优秀的软件程序猿
  • GUI应用程序架构的10年变迁:MVC,MVP,MVVM,Unidirectional,Clean:10年前,马丁Fowler撰写了GUI
    Architectures一文,现今被当成卓越。本文所谈的所谓架构2字,焦点就是对于对于富客户端的代码组织/职务分开。纵览那10年内的架构情势调换,大约能够分为MV与Unidirectional两大类,而Clean
    Architecture则是以严俊的层系划分别树一帜。从笔者的回味来看,从MVC到MVP的浮动完结了对于View与Model的解耦合,革新了职务分配与可测试性。而从MVP到MVVM,增添了View与ViewModel之间的数码绑定,使得View完全的无状态化。最后,整个从MV
    到Unidirectional的变化正是选择了音信队列式的数据流驱动的架构,并且以Redux为代表的方案将原先MV*中碎片化的事态处理变为了统一的情状管理,有限支撑了动静的有序性与可回溯性。

前端技艺点扩散出来实在太多太多,有个别看起来已经不止是前者了,路遥远

Tutorials

  • MDN:Mozilla
    开荒者互联网(MDN)提供有关开放互联网技艺(Open
    Web)的音信,包含HTML、CSS 和万维网及HTML5应用的API。非凡高雅与详细的各个语法细节介绍,非看不可首要推荐。
  • How-To-Become-A-Great-Front-End-Engineer:如何成为一名伟大的前端工程师
  • 专治前端焦虑的求学方案
  • Frontend-Guidelines-Questionnaire:三个单页的问卷能支援你的组织构建高效一向的前端指南。
  • 6分钟交互式地打听Web设计基本规范:从零开端设计适合的村办网址

以兴趣而学,技艺学得来

Playground / StartKits

  • 在线编写翻译:CodePen、JSFiddle、RunJS:那些网址为我们提供了足以在线编辑HTML/CSS/JavaScript与当下预览的职业台。同时,在这一个网址上也沉淀了多量名特别减价的代码片与示范,小编就平时在CodePen上欣赏各样奇妙的卡通片效果。

 

Resources:综合

  1. 《CSS世界》 学习

  2. ES陆+语法完整学习,运用

  3. 在MDN完整阅读CSS基础属性,JS基础语法

  4. JS设计情势学习整理

  5. HTTP学习,读《HTTP权威指南》 以及《TCP/IP》

  6. Fiddler与Charles调节和测试完整学习

  7. Linux命令学习

  8. Web品质学习整理

  9. Web安全学习整理

  10. 小程序完整学习

  11. 群众号完全学习

  12. jQuery源码精晓阅读

  13. webpack源码领悟阅读

  14. 落到实处一个基础模块管理器

  15. React完整学习,包涵Redux状态管理器部分,服务端渲染部分,React
    Native等

永利开户送38元体验金,Collections:财富汇总帖

  • MyBridge搜集的一名目多数面向Web开采者有用的图书
  • Frontend-Dev-Resources:1层层有关前端的集会
  • 有关前端面试相关的能源整理:整理一下近日在英特网收罗的前端面试相关材料,包罗希图知识、书籍、面试考试的场合、面经等。前端方面质地其实太多太多,就光从乐乎、前端乱炖、w三cplus
    等网址就能够找到多数,所以针对细节不分流,仅挑一些内容丰裕的合集,越多的素材可以从个中找到。
  • Update-To-Date Frontend
    Technologies:保持更新的前端最新的素材、博客、工具集结。

1陆.
Rem搭架子,新的布局思想,整管理学习活动端支出布局方案,新出的Flutter框架也要跟进

Books & Serials:书籍与多元作品

  • 2016 – JavaScript Stack From
    Scratch【Series】:从零初步的常用JavaScript前端框架开采栈教程
  • 2015 – SurviveJS
    【Book】:基于React与Webpack营造2个看板应用程序来上课Webpack/React手艺栈的知识要点
  • 201陆 – 阮1峰
    全栈程序员培养和磨练质感【Series】:全栈程序员培养和磨练质感,帮衬学习者明白全栈开垦的基本知识,承担轻松Web 应用的内外端支出

一7. CI/CD持续集成/持续铺排 Webpack的云营造,宣布时的增量营造方案

Courses:教程

  • FreecodeCamp:
    Freecode坎普是1个可怜伟大的类型,其从事于提供特出的免费课程与演习示范,近期其在前者方面已经一同了数百钟头的科目,同时其也包罗了数码可视化、后端开垦等等。

  • 实验楼-Web专区

  1. 前端自动化测试学习整理

  2. NodeJS的常见API过一下

  3. 复习整理MySQL数据库知识

  4. 前者兼容性回看整理

  5. Webkit内核驾驭梳理

  6. Git使用整理,Github使用整理

  7. 基础算教育学习明白

  8. 询问大型网址所面临的挑衅与相应方案

  9. 参谋学习卓越网址,完善文化盲区

  10. 前者监察和控制系统的营造

  11. 与产业界小伙伴沟通学习

  12. 询问SEO以及如何回复

  13. 日趋高出前端技艺的点子

  14. 上学有个别企划,提高美感

  15. 上学有个别产品合计

  16. 回想学习操作系统知识,Computer基础不可能扔

  17. 写一些插件,造一些车轮

  18. Webpack配置整理

  19. 前端代码标准整治

  20. 前者代码检查工具整理,整合到 git hook 或 svn hook中

  21. 一举手一投足端调节和测试方案整理

  22. 着力和谐好专门的学业与生活、代码技能和其余兴趣爱好的涉嫌

  23. 精耕细作不良作息习贯,尽量不熬夜,多活动

Blogs & Forums:博客与论坛

 

企业

  • 百度:百度前端高校,百度FEX本领周刊
  • 阿里:阿里-AMFE
  • 腾讯:AlloyTeam

英文

  • RisingStack
    Engineering:1多种有关JavaScript与NodeJS的博客,笔者感觉其在NodeJS方面行文仍旧很彻底的

中文

  • [王下邀月熊 –
    前端类别博客]():笔者自个儿的博客,不断完善中,放在这里相对私心,不能够和下部的并列。小编自个儿以为行文倒是其次,笔者一向看好要白手起家属于本人的1揽子的知识系统。
  • 前端外刊切磋:关切前端前沿本事,索求产业界深邃观念qianduan.guru。
  • 奇舞周刊:汇集前端卓越,每星期天更新的周报,内容还行。
  • [前者之巅公众号]():定时推送的前端小说,有精品也有套文。
  • Div.io:小说更新不是高效,然而也有无数的好文章。
  • Fouber-类别博客
  • JSFront:JS前端开辟群月报,由Haoqing等人爱慕。

Tools:工具

  • Can I Use:CAN I
    USE,相信每种前端同学都不生分,查询浏览器兼容性的利器。
  • JSHint:3个在线JS检查评定工具,能够检查测试JavaScript代码中的错误和心腹难点。
  • Javascript-Obfuscate:多少个在线混淆工具,通过先进的算法,来混淆视听你的JavaScript代码,使其不得读。该工具还是能够减小文件的尺寸,以便火速加载。
  • Best CSS Button
    Generator:网址显要提供各个按键的CSS代码,你能够从预设的按键中挑选并接纳模板用于协和的规划,还足以查看源代码,格外适合学习。
  • Chrome Tools 介绍:我的 Chrome
    插件集、私人收藏的Chrome插件,便血推荐、前端技术员必知的三10个Chrome增加、Dev
    Tips(讲了过多Chrome开拓技能)、Chrome调整台实用指南、Chrome
    实用调试技能
  • 配色类网址,为设计员提供许多配色方案与提议:ColorHunt、Adobe
    Color
    Wheel、ColorHunter、BootCSS
    WebSafeColors
  • Logo类网址:阿里Baba(Alibaba)图标库:IconFont、IconSearch
  • CSS属性生成工具:Box Shadow
    Generator、Gradient
    Generator 、Ultimate
    CSS Gradient
    Generator 、CSS3
    Generator。

可望星空

  • JS1K:无人不知的js一K,壹K字节以内的Javascript代码,达成三个炫酷的卡通、特效、小游戏之类的。官方网站从20十年初阶征集参加比赛文章,现在一度办了7年了,还在办。

Syntax:基础语法

HTML

CSS

  • 万1你以为CSS万分简单那么看看这么些啪啪打脸的:If CSS is so easy why
    does everyone
    suck?
  • 语法速查工具:CSS属性指点,免费的可视化CSS各种属性效果显示

BestPractices

  • CSS
    Styleguide:1柒个编写当代CSS代码的建议,瞅瞅Facebook是怎么有限支撑CSS代码质量的,晋级你的CSS姿势

JavaScript

  • 自家应该从哪一门编制程序语言上车? :这里有您学习JavaScript的理由。
  • 廖雪峰JavaScript教程:介绍了基础的语法与API。
  • JavaScript 规范参照教程(阿尔法)
    -阮壹峰:阮1峰先生出品,十一分完善与成体系,也是以基础语法与API为主。
  • 2015 – Speaking
    JavaScript【Book】:Dr.
    Axel出品的详细JavaScript基础语法的书籍。
  • 2015 –
    You-Dont-Know-JS【Series】:告诉你关于多数您并不知道的JS知识

ES6/ES7专区

  • 中文教程:阮一峰 ECMAScript 6
    入门、2柒分钟领悟ES6/ES20一五核心内容(上)
  • 语法标准手册:EcmaScript6 全规范(含node)
    -ouvens、ES2015规范
    英文
  • 2015 – Setting Up
    ES6【Book】:Dr.
    Axel出品的介绍怎么样搭建ES陆开荒条件的书本。
  • 2015 – Exploring
    ES6【Book】 & 2015 –
    ES2016&ES2017【Book】:Dr.
    Axel出品的详细的ES陆的语法介绍书籍。

Practices & Tips:实战与压实

  • JavaScript设计形式:JavaScript 设计方式 连串AlloyTeam,Addy
    Osmani 编写的 2015 – Learn
    JavaScript Design
    Patterns【Book】学习常见的JavaScript设计形式,本书不但阐述JavaScript语言本人的广大设计情势,还结合了DOM&jQuery介绍了有个别常用的分界面上的设计方式
  • Effective
    JavaScript:68Specific Ways to Harness the Power of
    JavaScript,中文译本在Effective
    JavaScript
  • 代码质量:201陆:编写高品质的JavaScript、[]()

StyleGuides:样式与作风

DOM

Advanced

StateManagement:状态管理

  • Web开采中所谓状态浅析:Domain State&UI
    State
  • 合计:笔者须求什么的前端状态管理工科具?

Browser:浏览器

Engine

Electron

  • Electron
    概述与初探
  • Hokein编辑的Electron示范项目
  • 基于Electron的OSX下桌面OCR应用:Cute OCR Toolkits For OSX, Based On
    Electron,React&Tesseract

Headless Browser

PhantomJS

Selenium

JSDOM

Render:渲染

  • 浏览器专门的学业原理:浏览器的做事原理:新式互连网浏览器幕后揭露、浏览器专门的学业规律、从输入
    UEvoqueL
    到页面加载成功的进度中都时有爆发了怎么着职业?
  • 网页渲染:CSDN-开荒者应该精通的有关于网页渲染的事、JS一定要放在Body的最尾巴部分么?聊聊浏览器的渲染机制
  • 高品质JavaScript重排与重绘
  • how-browsers-work
  • the-rendering-process-of-a-web-page
  • 渲染品质
  • 有道是掌握的前端质量二3事:Reflow 和
    Repaint

Framework:常用框架

  • JavaScripting:二个搜聚全数的大好JavaScript前端库以及对其打分评判的网址

View

React

  • 博客与论坛:PureRender,微博专栏,分享关于 React
    相关经验及升华动态, React入门与一流实行类别总纲【Series】。
  • 入门学习:采用脸谱的create-react-app迅速塑造React开采景况,React开辟中常用的工具集锦。
  • 脚手架与实战:在重构脚手架中通晓React/Redux/Webpack二基本套路。
  • React 设计观念与思想:React
    概念模型——脱离React谈谈它的宏图观念。
  • React
    RoadMap:React的前景特色 。
  • React
    StyleGuide:怎么着写出雅观的React组件。

StateManagement

Redux

  • 博客与论坛:Redux
    入门与最好试行类别总纲【Series】。
  • 至上实施:浓厚领悟Redux:13个出自专家的Redux施行提议 。

Utils:辅助理工程师具

jQuery

  • 你应当清楚的jQuery的小手艺:介绍一多级jQuery使用的小技艺。
  • You-Dont-Need-jQuery:前端发展一点也不慢,今世浏览器原生
    API 已经足足好用。大家并不供给为了操作 DOM、伊芙nt 等再深造一下
    jQuery 的 API。同时鉴于 React、Angular、Vue 等框架的盛行,直接操作
    DOM 不再是好的形式,jQuery 使用意况大大减少。本项目总计了绝大多数jQuery API 代替的艺术,一时半刻只支持 IE拾+ 以上浏览器。

NodeJS

  • 一起学NodeJS【Series】:使用
    Express + MongoDB 搭建多少人博客
  • 自己在阅读NodeJS文书档案中读出的二十个套路

Builder

Webpack

  • 华语教程:Webpack傻瓜式指南,Webpack
    汉语指南 -赵达

Career & Interview:事业与面试

永利开户送38元体验金 1

  • Front-end-Developer-Interview-Questions:H伍BP出品的1两种的前端难题
  • Cracking-The-Front-End-Interview:消除你的前端面试,中文译本为化解您的前端面试

相关文章