├── .gitignore ├── pay.png ├── image └── main.png └── README.md /.gitignore: -------------------------------------------------------------------------------- 1 | .DS_Store 2 | -------------------------------------------------------------------------------- /pay.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MiYogurt/nodelover-maps/HEAD/pay.png -------------------------------------------------------------------------------- /image/main.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MiYogurt/nodelover-maps/HEAD/image/main.png -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | ![main](./image/main.png) 2 | 3 | | 符号 | 意义 | 4 | | ---- | -------- | 5 | | 🆓 | 免费课程 | 6 | 7 | ## 如何成为像我一样的工程师？ 8 | 9 | > 我没法告诉你如何更优秀，至少我可以告诉你如何做到像我一样。 10 | 11 | 首先第一点就是，你愿意，而不是想，主观的行动上去阐述你想要跟我一样，而不是想、说，简单点说就是你要实干，实打实的干。 12 | 13 | 现在你拥有了一个目标，像我一样，不停努力。如何才能看到希望呢？这是你心中亟待想要问出的问题，李笑来写过一些书，我在 Kindle 上读过一些书，其中有一本书叫《学习学习再学习》，也就是说，大多数人是不会学习的，第一个学习是动词，第二个是名词，所以你可以写学会学习。 14 | 15 | 当然很多人说李笑来是个大忽悠，我觉得吧，马云在别人面前也是个大忽悠。这个忽悠的解释我觉得是某个人在阐述某个问题，然后努力想要说服对方，但是对方半信半疑，觉得这个人好像在忽悠自己。在不是特别了解别人的情况下，说别人坏话其实是不道德的行为，有人说道德不值几个钱，是不值几个钱，但是有的你有钱也买不到，这就是它的价值。就像快要上映的《爵迹2》，大多数人都是喷的，很大的程度上就是对导演个人的成见，对于郭敬明我怎么看？不怎么看，我不了解他，网上很多人说他抄袭，到底是不是我不知道，也没怎么看他写的文章。哪怕抄袭了，我不是说抄袭是对的，也没说他一定抄袭了，但是假如是在一个平常人身上，这其实很正常，谁上小学还没抄过作业呢？而是名人效应的、流言以及过错放大化。单纯的电影，我觉得爵迹挺好的。这说明了，最简单的道理你都懂，但是你不会去做而已，当然确实有的言语就是诡辩，你要分别清楚，比如区块链，所以我不是韭菜。你父母告诉你的，基本都是正确的，只有正确的导向，你才能到达目的地。 16 | 17 | 现在你知道了如何学习，像优秀的人学习，但不要迷信。现在开始使用最笨的方法，付出努力，把隐性的知识转化为显性的技能，那么始终是有些方法吧？说实话，方法是什么，我也不知道，可能是多 Google 吧，我曾经读过一些番茄工作法、GTD、如何高效学习，基本上都没怎么用上。能用上的反而是最简单的，一天就做一件事，做完一件下一件，竭尽所能去做。 18 | 19 | 具体到职业，我大概经历了那么几个阶段。什么都不知道，html 是什么？css 是什么？jquery 是什么？这就是第一个阶段，百问阶段。学习了一段时间后，基本上了解一个页面是如何组成的了，可以自己独立的写一些简单的小界面，但是熟练度不行，这是第二个阶段，开始需要熟练 API，其实前端的 API 比后端的多很多，前端可以精分出来的职业也比较多，这个时间是最长的，可能一年，也可能两年，并非到第三第四阶段，第二阶段就结束了。在这期间，你会遇到一些效果，自己怎么做都没有思路，好像 API 就这些，但是为啥我就做不出来呢？然后你就各种找插件去拼凑出自己的效果，但是现在你对内部的实现原理还是一知半解的，至少现在你能把东西都做出来了，你可能会出现一个膨胀期，简历上写出各种精通、精通、精通。待你真正遇到需要定制化的问题的时候，就会变的寸步难行了，所以你开始了研究源码之路，包括学习各种新技术，研究了一段时间之后，源码是一碗水，你喝完之后，发现它变成了一桶水，再喝完之后变成了一池子的水，最后发现这简直就是一片汪洋大海，自己根本喝不完这么多。然后这辈子就这么完了，找不到岸边在哪儿了。现在剩下的只有谦虚。其实这么多水，每一种水都有一种味道的话，相信到了现在你会忘记某一次喝的水的味道了。技术点不重要，重要的是给自己铺路,计划好自己的未来，明白要什么，该做什么。 20 | 21 | 假如你想要深入的学习IT行业里面的东西，读书是必不可少的，特别是一些经典的书籍，首先你可以看一下《浪潮之巅》，我觉得它就想一本IT历史书，吴博士就是一位IT历史学家，阐述了 200 多年来 IT 行业的兴起与发展，其次你还可以看一下《数学之美》，它会告诉你大学学习的高等数学课程是否有用。当初我之所以选择学习前端，是因为前端没有那么多算法与二进制，至今我发现，这其实都是必经之路，不同的在于此刻需要，所以学习 C 和 C++，是必不可少的，比如说《C++ perimer plus》以及三剑客，其次是服务器都是Linux构建的，吃透 Linux 也是必不可少的，《Linux 高级程序设计》，或者 unix 环境编程。在如今除了操作系统的就是网络，所以说对于网络的拓扑结构你必须要清楚，可以了解一下 cisco 的一些课程，比较庆幸的是我大学学的就是这个，虽然忘的差不多了，但是说到某个协议，大致会知道它是干嘛的，对于 socket 编程你也会胸有成竹。 22 | 23 | ### 我的推荐 🚨 24 | 25 | 知识图谱 26 | 27 | * [InterviewMap](https://github.com/InterviewMap/InterviewMap/blob/master/README-ZH.md) 前端知识点 28 | * [node-interview](https://github.com/ElemeFE/node-interview) 饿了么的 Node 面试指南 29 | * [coding-interview-university](https://github.com/jwasham/coding-interview-university/blob/master/translations/README-cn.md) 谷歌的面试指南 30 | * [Interview-Notebook](https://github.com/CyC2018/Interview-Notebook) 面试笔记 31 | * [front-end-handbook](https://github.com/xitu/front-end-handbook-2017) 前端手书 32 | 33 | 前端特效类 34 | 35 | * [comehope 的特效连载](https://github.com/comehope/front-end-daily-challenges) 张偶的特效连载 36 | 37 | ### 🌠 构建静态网页 38 | 39 | ##### 1️⃣ [90 分钟 HTML](https://nodelover.me/course/90-minutes-in-html) 🆓 40 | 41 | HTML 是构建网页的骨骼，第一步就是学会搭建骨骼。 42 | 43 | ##### 2️⃣ CSS 44 | 45 | * [CSS 基础](https://nodelover.me/course/css-basic) 🆓 46 | * [CSS3](https://nodelover.me/course/css3) 🆓 47 | * [Flex 布局](https://nodelover.me/course/css-flex) 🆓 48 | 49 | CSS 是网页的血与肉，一个人的颜值取决于五官与胖瘦，网页的美观取决于样式。 50 | 51 | ##### 3️⃣ JavaScript 基础 52 | 53 | JavaScript 是奇经八脉，它可以让你的网页能歌善舞。 54 | 55 | * [JavaScript 语法](https://nodelover.me/course/js-start-1) 🆓 56 | * [JavaScript 全局对象](https://nodelover.me/course/js-start-2) 🆓 57 | * [JavaScript 正则表达式](https://nodelover.me/course/regexp) 🆓 58 | * [JavaScript Canvas 动画](https://nodelover.me/course/canvas) 59 | * [ES 6 入门](https://nodelover.me/course/es6) 🆓 60 | * [JavaScript 异步控制流](https://nodelover.me/course/js-async) 🆓 61 | 62 | ##### 4️⃣ [Stylus](https://nodelover.me/course/stylus) 63 | 64 | Stylus 让你的 CSS 支持可编程化，减少重复的工作 65 | 66 | ##### 5️⃣ [iMovie 与 Gulp](https://nodelover.me/course/gulp) 67 | 68 | 带你走进一个前端开发栈的搭建 69 | 70 | ##### 6️⃣ [iMovie HTML 组件化开发实战](https://nodelover.me/course/imovie-static) 71 | 72 | 组件化可复用思维，搭建一个 App 应用 73 | 74 | ##### 7️⃣ [前端特效](https://nodelover.me/course/codepen) 75 | 76 | 带你实现酷炫的前端特效 77 | 78 | ##### 8️⃣ [WebPack](https://nodelover.me/course/webpack-4) 🆓 79 | 80 | Webpack 是现代化的前端处理器，帮助你编译与预处理各种文件 81 | 82 | ##### 9️⃣ [Chrome 技巧库](https://nodelover.me/course/chrome) 83 | 84 | Chrome 是每天都要接触的东西，吃透它，才能更好的开发 85 | 86 | ##### 🔟 Vue 全家乐 87 | 88 | * [Vue 基础](https://nodelover.me/course/vue-basic) 🆓 89 | * [Vue 初级](https://nodelover.me/course/vue-advance-1) 🆓 90 | * [Vue 高级](https://nodelover.me/course/vue-advance-2) 🆓 91 | * [构建一个最小的 Vue](https://nodelover.me/course/tiny-vue) 92 | * [Vue 状态管理](https://nodelover.me/course/vuex) 93 | * [Vuex 源码解析](https://nodelover.me/course/vuex-source) 94 | * [Vue 路由](https://nodelover.me/course/vue-router) 95 | * [Vue 路由源码解析](https://nodelover.me/course/vue-router-source) 96 | * [Vue 实战之番薯 APP](https://nodelover.me/course/vue-blog) 🆓 97 | * [Vue 服务端渲染](https://nodelover.me/course/vue-ssr) 98 | 99 | ##### ☑️ 其他高级进阶课程 100 | 101 | * [RxJS 深入](https://nodelover.me/course/rx) 102 | * [JavaScript 依赖注入](https://nodelover.me/course/ioc) 103 | * [JavaScript 动画库](https://nodelover.me/course/popmotion) 104 | * [Bulma CSS 框架](https://nodelover.me/course/bulma) 105 | * [JavaScript 函数式编程](https://nodelover.me/course/functional-programer) 106 | * [Progressive Web App](https://nodelover.me/course/pwa) 🆓 107 | 108 | ##### 🎮 H5 (可学可不学) 109 | 110 | 这里面最主要包含一些 H5 游戏，图形图像的一些知识，属于 Canvas 的进阶课，普通页面基本用不着，所以是选修。 111 | 112 | * [可视化游戏编程](https://nodelover.me/course/egret-1) 🆓 113 | 114 | ### ⏳ 构建后端服务 115 | 116 | ##### 1️⃣ [Linux 入门](https://nodelover.me/course/linux-basic) 🆓 117 | 118 | Linux 是部署服务的最佳选择，必学技术 119 | 120 | ##### 2️⃣ Node.js 121 | 122 | 能做 Web 的很多，但是属于我的只有那么一个 123 | 124 | * [Node.js 第一课](https://nodelover.me/course/nodejs) 🆓 125 | * [Node.js 第二课](https://nodelover.me/course/nodejs2) 🆓 126 | * [Node Stream 精讲](https://nodelover.me/course/stream) 127 | 128 | ##### 3️⃣ Express 和 Koa 129 | 130 | * [Node.js 实战书籍附赠免费视频](https://nodelover.me/course/js-shizhan) 🆓 131 | * [Koa 实例 Todo 后端服务](https://nodelover.me/course/koa-todo) 🆓 132 | * [Koa 源码解析](https://nodelover.me/course/deep-into-koa) 🆓 133 | * [Koa 与 Express 中间件原理异同](https://nodelover.me/course/middleware) 🆓 134 | 135 | Express 和 Koa 是 Node.js 构建 Web 服务最流行的框架，我们来吃透它 136 | 137 | 当然大家也可以买一下我出版的书《Node.js实战：使用Egg.js + Vue.js + Docker构建渐进式、可持续集成与交付应用》 138 | 139 | ##### 4️⃣ 数据库 140 | 141 | * [Sequelize 全解析](https://nodelover.me/course/sequelize) 142 | * [数据库设计：无限极分类](https://nodelover.me/course/db-design-1) 143 | * [数据库设计：基于角色的访问控制](https://nodelover.me/course/db-design-2) 144 | 145 | 数据库是存储数据的中心，学会如何操纵数据库，与如何设计数据库常用模式 146 | 147 | ##### 5️⃣ Egg.js 148 | 149 | * [阅读 egg](https://nodelover.me/course/egg-source) 150 | * [阅读 egg-init](https://nodelover.me/course/egg-init) 151 | * [阅读 egg-scripts](https://nodelover.me/course/egg-scripts) 152 | * [阅读 egg-core](https://nodelover.me/course/egg-core) 153 | * [阅读 egg-bin](https://nodelover.me/course/egg-bin) 154 | * [egg 依赖注入](https://nodelover.me/course/egg-di) 155 | * [Node.js 验证](https://nodelover.me/course/passport) 156 | * [Node.js OAuth](https://nodelover.me/course/oauth2) 157 | * [egg 实战之 iMovie 后端实战](https://nodelover.me/course/imovie-backend) 158 | 159 | Egg.js 是阿里巴巴的企业级 Node.js 框架，约定优先的哲学。 160 | 161 | ##### 6️⃣ 部署 162 | 163 | * [Docker 入门](https://nodelover.me/course/docker) 164 | * [内网穿透](https://nodelover.me/course/inner-network-penetration) 165 | * [DaoCloud](https://nodelover.me/course/daocloud) 166 | * [Jenkins 持续集成](https://nodelover.me/course/jenkins) 167 | * [HTTS 签证](https://nodelover.me/course/web-sign) 168 | * [Noder 的 K8S 入门课](https://nodelover.me/course/k8s-node) 169 | 170 | 将你的应用部署到云上面去 171 | 172 | ##### ☑️ 其他高级进阶课程 173 | 174 | * [RabbitMQ 队列](https://nodelover.me/course/rabbitmq) 175 | 176 | ##### ☂️ 设计 177 | 178 | * [Sketch 设计实例](https://nodelover.me/course/introduction-to-Sketch-instances) 🆓 179 | * [Sketch iMovie 设计实践](https://nodelover.me/course/sketch-imovie) 180 | 181 | #### 捐赠入口 182 | 183 | ![](./pay.png) 184 | --------------------------------------------------------------------------------