先明确一个概念什么才算入门?我的定位是能找到一份前端工作才叫入门。接下来我制定了一个自学前端的学习路径,避免一些自学的朋友走弯路,大概能在4个月左右从小白到入门,如果你有基础更好了。
第一阶段,牛刀小试(2周左右)

都知道要学html,css,我说一下要掌握的核心点。

标签:p,div,a,span,img,input,link,script,ul,li。其它的大概过一遍,有个印象就可以了。这几个标签能解决你工作95%以上的需要。

理解块元素/行类元素,文本流,盒子模型概念。

css重点掌握选择器,选择器层级,浮动,清除浮动,定位,伪类,伪元素,背景,字体,颜色,宽高,margin,padding的设置。

基本的概念搞定后,就可以仿造一些知名网站写静态demo,如美团,优酷,大概写两个首页,就可以进入第二阶段了。

或许到这里,你已经小有成就感,那就继续加油吧!

第二阶段,初入江湖(2周左右)

这一阶段是最为重要的阶段,前端重头戏JavaScript,决定你放不放弃自学,大部分同学在这个阶段就退缩了。

dom部分:dom选择器,className,style,属性操作。

es部分:注释,定义变量,数据类型(基本类型和引用类型),运算符,流程控制,函数,内置函数。

这个阶段如果你能学会断点调试就会轻松很多。

基础掌握后,你可以写个轮播,或者做个小游戏贪吃蛇。

切记,切记,切记不要太在意一些花里花哨的东西,更多注重程序的逻辑。

建议买本犀牛书打基础。

我目前是在职前端开发,如果你现在也想学习前端开发技术,在入门学习前端的过程当中有遇见任何关于学习方法,学习路线,
学习效率等方面的问题,你都可以申请加入我的前端学习交流裙:前面:851 中间:231 最后:348。里面聚集了一些
正在自学前端的初学者裙文件里面也有我做前端技术这段时间整理的一些前端学习手册,前端面试题,前端开发工具,
PDF文档书籍教程,需要的话都可以自行来获取下载。

第三阶段,小露锋芒(1周左右)

这个阶段比较轻松,jquery + bootstrap,不要刻意去背里面的东西,做的时候查文档就可以了。用这两个库配合仿写几个页面,或者自己写几个页面。

这时候你可能已经体会到库给我们带来的方便了,再也不想用原生js了,但我要告诉你,少年你的想法很危险,重点还是要放在原生js,框架都是浮云。

第四阶段,渐入佳境(3周左右)

这个阶段主要是学习前端的数据交互,可能你很难受,又想放弃了。

我们需要服务器来提供数据才能真正感受到,这时候Node登场,首先学习express,具体怎么搞,自己去学习,核心知识请求,响应,路由,中间件。

前端需要学习ajax,先理解原生的ajax,然后再使用jquery封装好的ajax来请求数据,自己写一些动态页面,体会数据交互的过程。

理解跨域,http,jsonp的一些概念。

第五阶段,势不可挡(1周左右)

这个阶段你可能也比较痛苦,挺过了你就渐渐比较舒服了。

深入理解面向对象,闭包,this三座大山。

自己尝试封装一些插件,像之前写的轮播。

第六阶段,所向披靡(3天左右)

git,svn,建议你开通一个github账号。

第七阶段,炉火纯青(6周)

这个阶段学的好不好,关系到找工作了。

首先理解webpack,入口,出口,loader,plugin这些基础概念要知道,不要求精通,大概知道什么配置干什么的。

然后react、angular、vue里选择一个深入学习,其他了解一下就可以了,建议选择vue,上手快,文档清晰,国内市场用的也比较多。先装个vue-cli自己玩一下,然后照着文档学习vue技术栈的东西

指令

方法

计算属性

自定义组件

组件通讯

理解响应式

vuex

element-ui

axios

基础过一遍后在github上找优秀项目学习,如vue2仿饿了么,然后自己写一些demo。

作者:大橙子思密达

第八阶段,登峰造极(2周)

这个阶段主要针对移动端,css3,和一些h5的新标签,重点关注移动端适配,媒体查询,移动端布局,flex。

第九阶段,备战江湖(1周)

准备面试,简历(项目经验,不能少),前端面试题。

多投简历,多总结。

祝好运,希望想入坑前端的同学,早日找到自己心仪的工作。

【非科班告诉你】前端自学从小白到入门相关推荐

  1. 非科班的我如何自学Python在一线城市找到一份15k的offer的?

    大家好,我是PythonYu,今天是我kotlin入门后,入行Python后,第一次总结下自己的经验! 12年从三流大学毕业后,刚开始接触的是java,后来入门了kotlin,后来我学习了Python ...

  2. 前端证券项目_非科班二本前端大厂面试的心路历程和总结(腾讯、头条、阿里、京东)...

    现状和背景 个人背景 我是17年毕业的,大三升大四的暑假期间开始学习前端:在这之前一直在小公司打滚:而且至今已经换了四家公司了(算上接下来入职的公司),可谓跳槽非常频繁(其实是小公司容易倒闭).如果说 ...

  3. 3984个小时,阿秀亲眼见证:小白非科班学妹 - offer收割机

    作者:阿秀 阿秀的校招笔记:https://interviewguide.cn 大家好,我是阿秀. 不知道大家有没有这种体验? 看着小白非科班学妹一步一步慢慢学习,虽然很慢,但没停下自己的脚步,始终朝 ...

  4. 中电福富外包offer要等多久_校招|双非本科,非科班,自学JAVA 1年时间终于斩获offer!...

    作者:最终幻想土豆 链接:https://www.nowcoder.com/discuss/173622 来源:牛客网 坐标苏州,双非本科,专业环境工程,之前没有任何编程经验,历经一年努力,终于在春招 ...

  5. web前端能拿多少钱?非科班的能转到web前端吗?

    有人说,现在前端都饱合了,找不到工作. 那是他水平不行,是他找不到工作.去拉钩,智联看看,大把的高薪职位.问题是他拿不到. 要项目没项目,好吧,有时候学历也能唬人,但是学历也不行的,指望面试官是个渣渣 ...

  6. 【校招分享】Java非科班自学指南

    作者:一星如月看多时 链接:[校招干货]Java非科班自学指南V1.0_招聘信息_牛客网 来源:牛客网 本文针对应届校招生,面向大厂面试学习,讲究打牢基础的同时追求速成,适合还有一年以上时间参加校招的 ...

  7. 4年前端、2年CTO:一个非科班程序员的真实奋斗史

    1.引言 我,Scott,一家创业公司的 CTO. 从业6年却很少写文章,近一年来接触了几十个刚毕业的前端新人,也面试了100多个前端工程师和Nodejs工程师,对于前端发展的这个职业算是有些感触吧, ...

  8. 生化环材非科班,自学算法,秋招拿腾讯美团网易华为招银网络意向书

    目录 个人简介 why 转行? why 算法? 学习之路漫漫 what is 算法? 疫情 实习 秋招 一点建议 写在最后 个人简介 本人本硕top10 985,生化环材非科班,在课题组内没有任何与代 ...

  9. java书籍_非科班,自学java需要把软件工程的课程全部学习完吗?

    问题一:非科班是否能自学Java.问题二:自学Java是否需要把软件工程课程全部学完?问题三:如何自学Java? 解决问题一:非科班是否能自学Java.不知道你是否有这个担心疑虑,从事Java技术开发 ...

最新文章

  1. 【BZOJ-2342】双倍回文 Manacher + 并查集
  2. 【C 语言】动态库封装与设计 ( Windows 动态库简介 | Visual Studio 调用动态库 )
  3. laravel实现读写分离
  4. setInterval setTimeout clearInterval
  5. js中的几种跨域方法
  6. 使用iperf进行设备吞吐量测试
  7. VS2010中添加lib库引用
  8. 林子大了,什么鸟都有----.NET运用String的十八层境界
  9. 工作339:pc父组件通过props传值给子组件,如何避免子组件改变props的属性值报错问题
  10. python网络编程证书_python 网络编程——客户端
  11. wordmaker html转为word,PHP HTML生成word
  12. 带网格的_装修要不要用网格布,了解这几点之后再做决定
  13. gson 解析json_Gson示例教程解析JSON
  14. 通过JAVA获取优酷、土豆、酷6、6间房、56视频
  15. 100大产业链全景图(2020版)及智能制造50大产业链
  16. c语言编写英雄联盟,怎么用C#或者C语言注册 英雄联盟 热键
  17. BeagleBone Black 从零到一 (2 MLO、U-Boot)_spl
  18. luogu P5320 [BJOI2019]勘破神机
  19. 仿射密码解密(Affine Cipher)
  20. Python数据处理037:结构化数据分析工具Pandas之高级应用

热门文章

  1. springboot忽略证书_SpringBoot中通过java代码实现忽略SSL证书
  2. 高可用服务 AHAS 在消息队列 MQ 削峰填谷场景下的应用...
  3. 自定义UINavigationBar的背景【转】
  4. 软工网络15个人作业
  5. 【分布式计算】关于Hadoop、Spark、Storm的讨论
  6. 【leetcode】Multiply Strings(middle)
  7. Qfarm /load命令
  8. 页面之间传递参数得几种方法
  9. Linux下 对文件行数打乱(乱序排列)
  10. 《集体智慧编程》读书笔记2