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 相关文章推荐
动态加载js的几种方法
Oct 23 Javascript
分享XmlHttpRequest调用Webservice的一点心得
Jul 20 Javascript
Jquery动态更改一张位图的src与Attr的使用
Jul 31 Javascript
处理文本部分内容的TextRange对象应用实例
Jul 29 Javascript
谈谈JavaScript中的几种借用方法
Aug 09 Javascript
JQuery查找子元素find()和遍历集合each的方法总结
Mar 07 Javascript
jQuery查找dom的几种方法效率详解
May 17 jQuery
JS实现搜索关键词的智能提示功能
Jul 07 Javascript
分享ES6的7个实用技巧
Jan 18 Javascript
JS中offset和匀速动画详解
Feb 06 Javascript
微信小程序实现动态获取元素宽高的方法分析
Dec 10 Javascript
Vue2.X和Vue3.0数据响应原理变化的区别
Nov 07 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
php smarty 二级分类代码和模版循环例子
2011/06/16 PHP
PHP 5.3新增魔术方法__invoke概述
2014/07/23 PHP
判断是否输入完毕再激活提交按钮
2006/06/26 Javascript
HTML 自动伸缩的表格Table js实现
2009/04/01 Javascript
Extjs中常用表单介绍与应用
2010/06/07 Javascript
JavaScript高级程序设计 客户端存储学习笔记
2011/09/10 Javascript
使用javascript实现ListBox左右全选,单选,多选,全请
2013/11/07 Javascript
ExtJS4中的requires使用方法示例介绍
2013/12/03 Javascript
jQuery-1.9.1源码分析系列(十)事件系统之事件体系结构
2015/11/19 Javascript
ionic 上拉菜单(ActionSheet)实例代码
2016/06/06 Javascript
微信小程序 form组件详解及简单实例
2017/01/10 Javascript
ng-events类似ionic中Events的angular全局事件
2018/09/05 Javascript
详解使用uni-app开发微信小程序之登录模块
2019/05/09 Javascript
js微信分享接口调用详解
2019/07/23 Javascript
[52:08]DOTA2上海特级锦标赛主赛事日 - 3 败者组第三轮#2Fnatic VS OG第一局
2016/03/05 DOTA
python 设置文件编码格式的实现方法
2017/12/21 Python
处理Selenium3+python3定位鼠标悬停才显示的元素
2019/07/31 Python
Python爬取视频(其实是一篇福利)过程解析
2019/08/01 Python
python+Django+pycharm+mysql 搭建首个web项目详解
2019/11/29 Python
Anaconda+vscode+pytorch环境搭建过程详解
2020/05/25 Python
opencv+python实现鼠标点击图像,输出该点的RGB和HSV值
2020/06/02 Python
python读取hdfs并返回dataframe教程
2020/06/05 Python
基于HTML5 Canvas:字符串,路径,背景,图片的详解
2013/05/09 HTML / CSS
英国优质鞋类专家:Robinson’s Shoes
2017/12/08 全球购物
英国假发网站:Hothair
2018/02/23 全球购物
捷克家具销售网站:SCONTO Nábytek
2020/01/02 全球购物
编写一子程序,将一链表倒序,即使链表表尾变表头,表头变表尾
2016/02/10 面试题
什么是Oracle的后台进程background processes?都有哪些后台进程?
2012/04/26 面试题
我的中国梦演讲稿小学篇
2014/08/19 职场文书
公司离职证明样本
2014/09/13 职场文书
领导班子整改方案
2014/10/25 职场文书
社区敬老月活动总结
2015/05/07 职场文书
雷锋的故事观后感
2015/06/10 职场文书
Matlab求解数组中的最大值及它所在的具体位置
2021/04/16 Python
Mysql systemctl start mysqld报错的问题解决
2021/06/03 MySQL
浅谈Java实现分布式事务的三种方案
2021/06/11 Java/Android