新技术新框架不断涌现,目前学习web前端开发都要掌握什么?
web前端开发由网页制作演变而来,随着web2.0的发展,网页不再只是承载单一的文字和图片,各种丰富媒体让网页的内容更加生动,网页上软件化的交互形式为用户提供了更好的使用体验,这些都是基于前端技术实现的。
经过了市场的沉淀,很多前端们开始无所适从,以前简单的技能已经无法适用前端技术的发展,新技术新框架又不断涌
前端开发市场仍然有着大量的需求。我们知道前端开发应用是很广泛的,这些公司都有前端开发岗位(当然这只是一部分):并且薪资也不低。除了互联网公司,传统公司想要连接互联网,同样离不开前端工程师。而随着H5、微信小程序、各类APP的发展,对于前端的需求将一直上涨。所以总的来说,前端开发行业仍然有羹可分。并且营养丰富。
任何行业都需要努力,前端开发也不例外,首先你必须真的想要学习,想要改变。你需要有一个清晰的学习路线和方向,最好是能跟着有经验的人学习,这样才能快速入门前端,不走弯路。
前端开发的基础语法,由HTML+CSS+JavaScript组成,这是前端开发最基本的3个语言。
网页布局基础:HTML+CSS
HTML就是超文本标记语言,组成网页内容的最基本语言。你可以直接说他是网页的骨架,网页的图片、文字、视频、音频、程序都需要他引入到网页中体现。
光是HTML做网页,只是有了内容,当然是远远不够的。因为只是HTML的话,只能用Table做布局才能勉强做出个成型的网页来。但是从Web2.0时代开始,都是盒子模型布局法了,也就是用DIV+CSS来实现布局了。
CSS就是层叠样式表。通过样式属性来对标签进行布局规范,在不再使用table布局的时候,只要CSS样式对网页标签进行对应的布局实现才是正确的开发方式了。
HTML(div)+CSS布局,是基础入门的基本步骤,在这个阶段,你需要学习的内容,包括有:
1.标签语义化,SEO
2.页面加载的流程和原理
3.网页结构
4.盒子模型(W3C盒子模型和IE盒子模型)
5.CSS选择器
6.CSS布局浮动、定位
由于今年疫情,所以转行学前端的千万不要选择裸辞,能边工作边学习尽量就边工作边学习,今年就业环境严峻,岗位需求降低,对于个人技术水平提高,
所以千万不能盲目跟风,自己是否对于前端感兴趣,是否有学习的耐心,是否有这方面的学习能力,
希望你可以自学半个月自己感受一下,有任何问题随时问我。
我建立的前端学习qq裙:851231348
在刚刚开始的阶段,大家学习的布局方式基本都是以px为单位的静态布局方法。熟悉好布局方法,先给自己一个小目标,做一个简单的电商网页的基本结构出来,不用特效,不需要交互。
浏览器脚本语言:JavaScript
JavaScript是我们学习前端开发中非常重要的一个内容,也是一个大家经常掉坑里的难点。JavaScript现在可以说是互联网时代使用率最高的脚本语言了,在网页中,所有的数据渲染,特效的交互都需要利用JavaScript,来影响浏览器的显示。
JavaScript不只是开发网页特效和渲染数据的重要内容,在学习前端开发的后期,大量使用算法和框架的时候,对JavaScript基础的考验也是很多的。
在基础阶段,我们学习JavaScript需要注意:
1.基本关键字指令
2.基本数据类型、数组
3.函数
4.面向对象编程
5.原型链、闭包
6.JSON
7.Ajax
8.DOM(文档对象模型 原生DOM操作)
9.事件捕获、冒泡、代理
10.常用函数方法
11.ES5、6、7
在JavaScript部分学习,主要还是要去理解好交互的原理,把原理分析清楚,真的理解语法,那写出多复杂的逻辑也是手到擒来。
JavaScript经典类库jQuery
说到学习JavaScript,很多小白同学肯定会很头痛他的原生写法。每次逻辑业务都需要手动写,也就是用一次就造一次轮子。觉得很麻烦。如果能简单一点就好了。
因为JavaScript有可以封装的特性,所以在后面也出现了很多用JavaScript封装的类库、插件。比如说最经典的类库就是jQuery了。
jQuery类库就是在类库里面封装好了很多JavaScript的事件方法。jQuery通过封装,减轻了遍历、对象选择等等很多的问题。把网页特效的实现变得简单化,通过调用方法就可以了。
在学习jQuery的时候,需要重点认识的有:
1.jQuery语法和JavaScript原生语法的差异
2.Dom对象和jQuery对象
3.jQuery的入口函数和JavaScript的入口函数的差异
4.jQuery事件的执行逻辑。
学习jQuery,最需要达到的效果就是能快速的完成网页的特效,比如说轮播图、手风琴菜单、旋转木马、放大镜等等这些特效。能完成一个电商网站的布局+特效开发是最基本的要求了。
这些就是零基础学习必备的一些基本内容,在入门前端开发最基本需要掌握的东西,把基础理解好,才能为后面的学习做更多的准备。
在这里说一说vue框架学习
用 Vue 模仿一个饿了么就能找工作的时代一去不复返。
但是为什么现在一堆大厂喊着招聘难呢?
那是因为候选人技术和招聘者的要求出现了明显的脱钩。
我们现在把前端工程师的时代分为三种:史前时代、1.0时代、2.0时代。
有一个非常明显的参考,就是看那些「技术视频」网站不同时期的视频类型。
史前时代 史前时代的前端停留在纯切图仔层面,是后端的附庸,后端不愿意干的活,比如切图、写模板、调样式、还原设计稿这种重复劳动力工作交给前端,这个时候前端靠的是还原设计稿的能力、浏览器兼容性的知识等等,你要真说有啥技术含量,没有,这也是很长一段时间「前端」不被认为是程序员的原因。 1.0时代 这个时候随着移动互联网的发展和Node的兴起,前端进入了野蛮生长的时代,三大框架横空出世,各种构建工具、打包工具、转译工具、检查工具你方唱罢我方登场。 这个时期也是所有人都感觉前端突然变复杂了,所以能用好一个框架+全家桶成为了前端的标配,其中Vue以极低的入门门槛和友好的文档迅速占领了大量市场,但是注意,这个时候除了少数进行赋能(组件库开发、构建工具优化、前端监控系统支持等等)的前端从事一些有点难度的工作以外,绝大多数前端依然在糊页面,只不过用的工具更复杂了,前后端分离后相对更加自主了。 这个时候前端视频网站被大量的教你用Vue开发QQ音乐、饿了么、美团等等的课程霸占,所以很长一段时间内面试官收到的简历大量都是饿了么、QQ音乐的项目(结果就是看到关键字直接扔垃圾桶)。
2.0 时代 到现在,前端已经进入了2.0时代,算是跟正儿八经的软件工程师接轨了,原因有两个主要方面:
- C端互联网红利基本消失,大量巨头企业开始转向B端,比如阿里/腾讯云、钉钉、企业微信、飞书,面向企业的工具类项目创造了大量复杂的新需求。
- 经济形势继续急转直下,大量企业倒闭,前端(何止是前端、何止是程序员)处在一个人员(注意不是人才)过剩的情况,没有突出能力的前端很难被企业招聘。 2.0的前端几乎进入了以下几个方向:
- 前端赋能领域,比如组件库的建设定制化构建工具、可视化库( Node相关的框架、serverless等等等等。
- 复杂前端产品的研发,比如文档编辑器领域(语雀、钉钉文档、腾讯文档)、设计编辑器领域、WebIDE、lowcode平台研发等等。
按照民工叔叔 的说法第一种赋能领域属于大量的赫鲁晓夫楼组成的小区,难点是规模大,但是赫鲁晓夫楼突出一个简单无脑,有很大的通用性,所以需要底层工具赋能加快研发。 第二种属于单座摩天大楼,难点在于本身的工程复杂度就很高,业务通用性差,需要专门定制。
APP
18年是越来越多人去开发了,这种是能直接产出下载到终端的APP的,在体验感上可以说
已经具备传统APP的大部分功能了。这种开发门槛较低,也就是前端开发就可以完成。多数都是大包平台就能做,这个你可以后面了解一下。
前端主流技术框架
前面的都是基础东西,现在去就业前端开发,不是只靠个基础东西,搞个移动端页面就可以算成熟了。前端3大框架,VUE、Angular、React这3个可以说是现在非常火热的了。
基础语法都可以写的前端,为什么还要框架?
很多小白朋友是不懂什么是框架的,只听过jQuery这些东西,以为就是框架。或者认为框架就是加速开发,觉得这些库、插件就能完成框架的工作了。
其实框架的出现,是改变前端地位的重要标志。最重要的表现,就是前后端分离,在前后端分离之前,很多后端开发都是又当爹又当妈的,效果不好效率也不高,我就是在后端出身,深知痛苦。
现在的前端项目,比以前是更加复杂化、多样化了。项目复杂了,问题也多了。