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

先明确一个概念什么才算入门?我的定位是能找到一份前端工作才叫入门。接下来我制定了一个自学前端的学习路径,避免一些自学的朋友走弯路,大概能在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部分:注释,定义变量,数据类型(基本类型和引用类型),运算符,流程控制,函数,内置函数。


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

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

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

建议买本犀牛书打基础。


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

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

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


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

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

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

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

理解跨域httpjsonp的一些概念。


第五阶段,势不可挡(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周)

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

多投简历,多总结。


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


这篇文章只针对小白到入门,不涉及进阶知识


转载于:https://juejin.im/post/5c4135b46fb9a049c43df451

  • 0
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值