前端开发, 从入门到入门

发表于 | 分类于

先上一些大神们熬的汤, 值得认真读值得深思

以下划横线的链接信息量很大,请点击链接耐心阅读,你一定会很有收获的

阮一峰的博文

🔗 穷忙的人生: 感觉就是在说之前瞎JB折腾的我😂
🔗 技术教育的兴起: 未来只有两种途径可以改变人生，另一种是购买彩票，一种是学习技术

郝建培的博文

🔗 我前妻的故事: 一个初中肄业生的奋斗: 从洗头小妹到360技术专家的华丽丽的蜕变
🔗 技术总监Sycx的故事: 一个有志青年靠技术逆袭的故事

Scott老师的故事

🔗 4 年前端狗，2 年 CTO: 零基础转行, 从前端小白到阿里前端大牛的打怪练级刷装备之旅

只要思想不滑坡, 办法总比困难多

  我保证这是最后一碗汤😂, 只要你有足够的决心想改变自己💰, 走出自己的舒适区, 只要你真的想学好技术,只要你足够的热爱❤️, 只要你付出足够的时间🕔,只要你肯练🐝, 只要你每天都在进步🐌, 那么, 熟能生巧, 心诚则灵, 只要你坚持,你一定会成为你想成为的样子,因为你敲的每一行代码都会让你更牛逼, 骚年, 勇敢的去尝试吧, try everthing!

赞美我大JS

  JavaScript语言, 简称JS(好吧,我第一次见这个总想到剑圣😂), 从一个只能跑在浏览器的脚本语言,一个小屌丝,逆袭成人类计算机历史上第一个(目前为止也是唯一一个)可以同时写客户端,服务器端以及数据库的语言,它可以写浏览器应用WEB APP,单页面应用SPA,可以写PC端桌面应用,可以写iOS,Andriod手机APP,可以写微信小程序和小游戏,可以写现在火的不要不要的老铁短视频,你每天打开手机和电脑,聊天,剁手,刷的朋友圈刷的微博刷的视频刷的新闻,听的云音乐,你玩农药秀的操作,你的98K,你现在看到的这篇文章…都要跑我大JS代码
JS好啊~!

学习方法

  1. 带着问题去学习: 为什么会有这么一项技术或者知识点,它的适用场景,或者说它可以用来解决什么问题,它的核心思想以及关键步骤是什么
  2. 归纳总结: 前端的知识点太零碎,一定要会把他们分类整理好,比如http协议:它的版本,特点,报文组成部分,请求方法有哪几种,post和get的区别,状态码有哪些各有什么含义…
    学习资料传送门:🔗我整理的知识点,麻麻再也不用担心我的面试😎
  3. 在项目中学习是最高效的, 如果有大牛带你, 那技术的提升真是坐火箭似的🚀
  4. 如果没有代码量或者实际项目经验的积累, 如果你不肯花时间, 不肯练, 任何方法都是扯犊子🐄

新手村任务

  1. 理解WEB前后端包括数据库的完整的交互流程
  2. 掌握AJAX对象xhr小黄人的异步请求过程
  3. HTML, CSS, JavaScript基础语法
  4. CSS3高级和JavaScript高级
  5. jQuery简化DOM操作
  6. H5, canvas
  7. 编辑器的使用, 推荐VSCode, 如丝般顺滑, 让你欲罢不能

野外精英怪任务

  1. ES6语法, 重点: promise, async await异步流程控制, 解构语法, 模块化编程
    学习资料传送门: 🔗阮一峰老师的 《ES6入门》
  2. Node.js, MongoDB
  3. Vue:很多大厂小厂都用它, Angular:谷歌出品必属精品, React:用JS开发iOS和Andriod应用,真是秒天秒地秒空气,简直不要更牛逼
  4. 响应式页面, 弹性布局, rem布局
    学习资料传送门:
    🔗狗厂大牛写的的最佳实践
    🔗猫厂大牛大漠老师写的最佳实践
  5. 微信小程序, 这货是真的火的一匹
  6. 数据可视化, eCharts, 大数据时代的数据展示
  7. github 和npm的使用,github和npm上有各种老司机🚕造好的轮子
  8. CSS预处理器,让你更愉快的写CSS, 常用的有Stylus, Less, Sass, 推荐Stylus, 简洁好用
    学习资料传送门: 🔗stylus的github仓库地址,以及CSS大牛写的教程
  9. http相关知识, 如何处理跨域, 缓存

团队副本任务

  1. git, 团队开发的版本控制, 重点: 分支管理, 拉取代码, 合并分支, 提交和推送代码
    学习资料传送门: 🔗我大哥廖雪峰的git教程 以及 🔗git工作流教程
  2. webpack, 团队开发的效率提升,前端工程化
    学习资料传送门: 🔗我写的一点总结
  3. ESlint代码规范,团队开发的代码可读性,可维护性
  4. 前端性能优化, 能跑起来还不够, 跑得快才牛逼
  5. 前端框架底层原理, 以不变应万变, 谁知道后面还会有啥牛逼的新框架呢
  6. 面向对象编程与函数式编程, 设计模式, 当你CV大法用得恶心的时候, 就该学习它们了
  7. 组件化开发, 组件写的好, 代码就是少

终极boss —— 面试

  1. 一份反复优化的好简历
  2. 精心准备的自我介绍
  3. 系统化的知识点和面试软技能的准备
    学习资料传送门:🔗我整理的知识点,麻麻再也不用担心我的面试😎
  4. github上有几个好玩的在线上能跑起来的项目
  5. 归纳总结各种爬坑姿势的个人技术博客(markdown语法)
  6. 一个好的心态🌻

前端常见误区

  1. 盲目追求狂拽炫酷吊炸天的特效和最新技术, 然并卵, 基础知识很重要, 勿以浮沙筑高台, 应该追求系统扎实的基础知识, 深入了解框架的底层原理, 才能以不变应万变
  2. 停留在只会写业务代码, 三个月工作经验重复的用五年, 应该扩展知识面, 并深入研究某一些知识点, 别让认知范围限制了你的想象力

常用的出坑姿势

  1. 科学上网, Google,Stack Overflow,github,npm
  2. 各种查手册, 官方文档, MDN
  3. 各种社区, 掘金, 思否

一些值得去刷的成就点

  1. 数据结构与算法,计算机程序的灵魂
  2. Node.js服务器端渲染,利于SEO和提升首屏加载速度
  3. JAVA,帝国语言
  4. Linux🐧,如果你不会Linux,请不要说你会用电脑
  5. WEBGL,实现炫酷的AR,VR,去吧,皮卡丘🥚~
  6. WEB安全

一些值得去看的书

  1. 《JavaScript面向对象编程指南(第2版)》
    ps看这本书的时候请注意以下三点:
      1. 一定要跟着敲示例代码!
      2. 一定要跟着敲示例代码!!
      3. 一定要跟着敲示例代码!!!
  2. 《JavaScript高级程序设计(第3版)》
      推荐这本红宝书让JS语言基础更扎实,犀牛书适合当字典或者镇场子😂
  3. 《Vue.js实战》
      尤雨溪大大推荐的书

一些学习资料

  1. 🔗免费的计算机编程类中文书籍
  2. 🔗前端文档  目前最牛逼的前端各种技术栈生态的文档的大集合, 没有之一

ps

  我现在只是一个前端小学生,还有太多知识要学,太多坑要爬🐢,我会持续更新这篇文章, 有啥好的学习资料,学习方法,感悟啥的都会分享上来,欢迎收藏和转载,也欢迎土豪同学猛烈的打赏我😄,有个大牛说,前端的知识,每隔一年半会难一倍, 让我们不断的坚持学习, 提升自己, 一起愉快的从入门到入门, 就是干😂
  在编程的世界里, 我就像一个在金色的沙滩上玩耍的小孩子, 对每一个闪亮的贝壳都充满了好奇心