0基础学习前端开发的一些建议


Posted in Javascript onJuly 14, 2020

以下纯属个人观点和建议,肯定是有局限性的,但是也希望能给你带来一些帮助。

我们俨然能感受到前端岗位现在已经发展成了最重要的研发岗位之一,所以多我们提出的要求也就越来越高了。所以我们需要的也就不仅仅只是掌握css、html、JavaScript了,但是这三大件一直都是前端的根本,这一点从未改变,而这三大件中JavaScript又是重中之重、

接下来我会结合我的一点经验,给出前端系统学习路线的一些具体建议以及入门前端时的一些困境。

入门前端时的一些困境

1、因一些基础算法、数据结构理论不扎实导致一些编程思维难于理解。比如 原型链,如果清楚 数据结构中链表结构,那么这个东西不难理解,再比如 哈希值,懂得数据结构中哈希表,哈希值也就迎刃而解。

2、计算机体系结构、操作系统理论、网络理论不扎实导致到后期一些东西难于理解。比如有同学从前端学习入手,后来学习node开发 ,在 I/O ,进程、线程、IPC 、线程锁方面有些概念就比较难于理解,而导致不能很好得使用node 的api 。

3、前端整体体系架构没有做过深入思考。

导致用会用,但不知道为什么用,用另外一个有什么区别。

4、学习环境中无高手。

没有高手能够指导自己进入下一个层次。

5、有意识但是没有行动我的网盘收集了一堆资料或者一堆视频,然后就没有然后了 。

目前企业招聘前端工程师的基本需求:

  • 1.精通DIV+CSS网页框架布局的HTML代码编写,熟悉W3C标准;
  • 2.使用HTML5/CSS3熟练地进行页面开发;
  • 3.具备良好的前端架构分析能力与设计能力,与开发团队保持良好沟通;
  • 4.精通各主流浏览器(IE6+、Firefox、Chrome、Safari)间的差异性,能快速定位和解决各种兼容难题;
  • 5.熟悉JavaScript、Ajax、Flash、JQuery、ExtJS等各种Web前端开发技术,具备一定的跨浏览器开发经验;
  • 6.熟悉Vue,react

学习路线,可以参考一下:

第一阶段:前端页面重构。主要内容包括PC端网站布局、HTML5+CSS3基础、WebApp页面布局。学完此阶段,学员可胜任Web前端开发工程师/前端页面布局与重构工程师,就业薪资为4K-6K;

第二阶段:JavaScript高级程序设计、PC端全栈开发。主要内容包括原生JavaScript交互功能开发、面向对象进阶与ES5/ES6/ES7应用、JavaScript工具库自主研发、jQuery经典交互特效开发、PHP+MySQL后端基础、前端工程化与模块化应用等。学完此阶段,学员可胜任HTML5大前端工程师、高级HTML5大前端工程师、网站开发工程师、移动前端开发工程师,就业薪资为6K-10K;

第三阶段:Node.js后端开发、Vue.js前端框架、React前端框架、混合开发(Hybrid,RN)、Angular前端框架、大数据可视化。学完此阶段,学员可胜任高级HTML5大前端工程师、全栈工程师、移动前端App开发工程师、微信开发工程师、小程序开发工程师、数据可视化开发工程师,就业薪资为10K-15K。

前端的学习差不多就是上面的三个阶段,如果没有什么基础的初学者,学完差不多也需要半年才能找工作。当然有一定基础的同学能够更快掌握前端技术。因此学习前端的小伙伴不用纠结学习时间要多久,更应该注意的是学习质量才对。毕竟只有学到了有用的技能,才能不愁找不到工作。

如何入门前端

1、前端市场分析

如今互联网的快速发展下,很多公司的前端人才缺口巨大。根据各大招聘网站的统计,其用人数量已经远远超过主流编程语言Java、ASP、和ios等开发人员的数量。一些人担心前端行业会饱和,其实这种担心完全是多余的。技术无论怎么发展,整体市场是不会饱和的,饱和的也只会是低端饱和,高端始终缺人。在未来,专业的前端开发工程师才是企业真正争夺的香饽饽。而被淘汰的不是前端开发,而是淘汰技术落后和技术不精的开发者。从薪资上来说,前端和后端的薪资基本是一样的,但前端的市场需求会比后端的更大。随着互联网的深入发展,用户体验则是企业的重中之重,而前端,作为公司的门面,需求会越来越大。从职业发展上来说,作为互联网时代直接触达用户的窗口,前端无处不在,应用的领域广阔,前景一片光明。

2、前端应用场景

前端交互是要直接呈现给用户的界面,每个按钮每一次跳转,都需要前端开发。因此我们可以看到前端开发存在的方方面面,比如网站设计优化、各色各样H5、app/小程序开发等等。随着互联网进入Web2.0时代,各种类似桌面软件的Web应用大量涌现,前端由此发生了翻天覆地的变化。网页不再只是承载单一的文字和图片,各种富媒体让网页的内容更加生动,网页上软件化的交互形式为用户提供了更好的使用体验,这些都是基于前端技术实现的。如今手机更是成为人们生活中不可或缺的一部分,人们迎来了体验为王的时代。移动端的前端技术开发前景宽阔。此外,前端技术还能应用于智能电视、智能手表,甚至人工智能领域也出现了前端的应用场景。

3、发展路线

刚入门的零基础小白,应该把重点放在 CSS和HTML基础知识的学习上。比如web标准、HTML相关概念、HTML标签、路径相关概念、锚点及其他、表格标签、表单标签、综合案例,注册页面、CSS选择、CSS字体样、CSS外观属性、调式、CSS复合选择器、标签显示模式、CSS背景、CSS三大特性等等。

JavaScript一直都是前端工程师进步的基石, JavaScript 的理解深度决定了前端开发者的职业发展。关于JavaScript的学习内容包括了浏览器执行JS过程、JS变量、数据类型、运算符等。只有在熟悉了JavaScript基础语法的基础上,我们才能继续深入学习前端开发技术。

 我们常用的库工具有JQuery、underScore、zepto、Moment 等。这些库给我们提供了很大的便利,省去了我们编写相关方法的时间,同时也是我们的程序更加稳健。当然对于这些库我们不仅仅只是去了解 API,我们需要去学习它的源码。看看如果自己写相关方法的话是不是也想到了这种方式,这些库工具是也是一个很好的学习工具,我们不应该忽略。

接下来学习的内容包括了node环境安装、node模块化、gulp使用、服务器和http协议、Ajax函数封装、同源策略、JSONP、 CORS、jQuery中Aajx方法的使用、Ajax补充内容。完成这部分学习路线的内容可以基本掌握前后端数据交互、基于前后端分离模式、传统模式的开发的工作。因此可以具备企业基础用人标准,实现零基础小白到初级前端开发工程师的华丽转身。

然后我们要学习Vue指令、修饰符、样式绑定、v-model底层原理、计算属性、过滤器、侦听器、vue组件、Promise、Fetch、axios、vue路由、前端工程化和模块化等等。学完以上内容,大家能够实现基于Vue技术栈项目的开发能力,基本能够达到中级前端开发工程师水平。

4、前端入门建议

在大家作为一名零基础小白入门前端之前,首先要问自己一个问题:你为什么要学习前端?如果只是为了混一个高薪的工作,不愿意持续的学习成长,对前端也不感兴趣,那还是建议你再慎重考虑要不要学习前端。毕竟前端这个行业如果你在入门前没有做好从初级跨入高级的准备,后期的职业发展将会遭受巨大的职业瓶颈,甚至在学习前期就会轻易放弃。

另外,建议零基础的初学者正确认识自己的学习能力。如果入门自学都比较困难,不妨报个靠谱一点的培训班。毕竟培训班只需要交学费,就可以为大家提供更好的学习氛围,还可以让大家少走一些弯路。而且IT技术是更新换代非常快的,如果自学效率差,学到的东西很快就没有用了。

关于前端的长期职业规划,大家要明白的是前端已不是从前的前端,不仅仅是切页面做特效,如今的前端项目越来越庞大,需要重视项目组织和管理,需要工程化,需要前端架构。而且学习一门后端语言更有利于在前端的路上走得更远。

以上就是0基础学习前端开发的一些建议的详细内容,更多关于学习前端开发的资料请关注三水点靠木其它相关文章!

Javascript 相关文章推荐
Javascript new Date().valueOf()的作用与时间戳由来详解
Apr 24 Javascript
JS图片无缝滚动(简单利于使用)
Jun 17 Javascript
SwfUpload在IE10上不出现上传按钮的解决方法
Jun 25 Javascript
jquery操作对象数组元素方法详解
Nov 26 Javascript
js实现选中页面文字将其分享到新浪微博
Nov 05 Javascript
jQuery.deferred对象使用详解
Mar 18 Javascript
PHP捕捉异常中断的方法
Oct 24 Javascript
详解webpack进阶之插件篇
Jul 06 Javascript
基于vue实现可搜索下拉框定制组件
Mar 26 Javascript
vue实现与安卓、IOS交互的方法
Nov 02 Javascript
微信小程序获取用户信息及手机号(后端TP5.0)
Sep 12 Javascript
Vue.js组件使用props传递数据的方法
Oct 19 Javascript
jQuery 实现DOM元素拖拽交换位置的实例代码
Jul 14 #jQuery
Vue切换div显示隐藏,多选,单选代码解析
Jul 14 #Javascript
JS数组reduce()方法原理及使用技巧解析
Jul 14 #Javascript
微信小程序连接服务器展示MQTT数据信息的实现
Jul 14 #Javascript
详解javascript void(0)
Jul 13 #Javascript
Vue组件间数据传递的方式(3种)
Jul 13 #Javascript
vue-cli4项目开启eslint保存时自动格式问题
Jul 13 #Javascript
You might like
《雄兵连》《烈阳天道》真的来了
2020/07/13 国漫
终于听上了直流胆调频
2021/03/02 无线电
透析PHP的配置文件php.ini
2006/10/09 PHP
PHP Squid中可缓存的动态网页设计
2008/09/17 PHP
php cookis创建实现代码
2009/03/16 PHP
如何利用php array_multisort函数 对数据库结果进行复杂排序
2013/06/08 PHP
PHP冒泡算法详解(递归实现)
2014/11/10 PHP
JS遮罩层效果 兼容ie firefox jQuery遮罩层
2010/07/26 Javascript
探讨js中的双感叹号判断
2013/11/11 Javascript
JS的数组迭代方法
2015/02/05 Javascript
基于JavaScript实现TAB标签效果
2016/01/12 Javascript
详解JavaScript的AngularJS框架中的作用域与数据绑定
2016/03/04 Javascript
浅谈js中的延迟执行和定时执行
2016/05/31 Javascript
javascript用正则表达式过滤空格的实现代码
2016/06/14 Javascript
JavaScript对象封装的简单实现方法(3种方法)
2017/01/03 Javascript
Vue获取DOM元素样式和样式更改示例
2017/03/07 Javascript
vue.js 底部导航栏 一级路由显示 子路由不显示的解决方法
2018/03/09 Javascript
node中间层实现文件上传功能
2018/06/11 Javascript
JS调用安卓手机摄像头扫描二维码
2018/10/16 Javascript
layui table动态表头 改变表格头部 重新加载表格的方法
2019/09/21 Javascript
vue+element导航栏高亮显示的解决方式
2019/11/12 Javascript
[03:42]2018完美盛典-《加冕》
2018/12/16 DOTA
python-itchat 统计微信群、好友数量,及原始消息数据的实例
2019/02/21 Python
python实现秒杀商品的微信自动提醒功能(代码详解)
2020/04/27 Python
Python 实现简单的客户端认证
2020/07/29 Python
协程Python 中实现多任务耗资源最小的方式
2020/10/19 Python
ZWILLING双立人法国网上商店:德国刀具锅具厨具品牌
2019/08/28 全球购物
车贷收入证明范本
2014/01/09 职场文书
关于护士节的演讲稿
2014/05/26 职场文书
体育教育毕业生自荐信
2014/06/29 职场文书
县政府领导班子“四风”方面突出问题整改措施
2014/09/23 职场文书
2015年医院工作总结范文
2015/04/09 职场文书
怎样写观后感
2015/06/19 职场文书
Golang入门之计时器
2022/05/04 Golang
SpringBoot详解自定义Stater的应用
2022/07/15 Java/Android
python绘制云雨图raincloud plot
2022/08/05 Python