Web 前端如何入门?

2021-08-06 08:31发布

37条回答
茄子酱
2楼 · 2021-08-10 09:31

首先,学习前端开发是一个漫长的过程,我觉得学习最重要就是坚持和多练。


不要假装很努力,结果是不会陪你演戏的。


还有一个是正确的学习方法和学习方向,如果你一开始学习方向不对,学习肯定就走了很多弯路了,而且可能一条弯路走到底,必然跟一些人的技术能力还是有一定的差距的。


我觉得学习前端,一直要抱有坚持学习的好习惯,就像吃饭睡觉一样,这样你个人才会有成长,可能你一两天感觉不出什么,但是你坚持下来,就不一样了,因为你要知道,现在互联网时代,技术更新迭代是比较快的,如果你不去学习新的技术和知识,自然会被市场淘汰,这也是我这5年的行业经验。


想学好前端,肯定需要不断学习和不断练习,还有一个明确的学习方向以及规划。


在很多人自学的过程中吧,都是百度搜索的教程,而且学习基本遇到了问题,也没人给你解决,学习效率也是非常的低,学习的自信心也会丧失,就会产生质疑自身能力的疑问:自己是否适合从事前端开发?还是我自己比别人笨,学不会这些问题?就很容易丧失学习的自信心了。


很多人看了很多前端的教学视频,但是依然做不好前端,也走了很多人一些学习的误区。因为我曾经也是这样走过来的


这里就就和大家分享一下入行前端开发需要学习的知识点。


1、首先HTML和CSS是入行前端的第一个台阶,内容非常简单易学。


2、Div为HTML文档中大模块的内容提供结构以及背景支持。


3、HTML5+CSS3是HTML和CSS最新的标准版本。在原有的基础上增加了很多特性,例如HTML5中增加了一些语义化的标签和多媒体标签,从而能够通过JTML5+CSS3的组合实现原来JavaScript才能实现的功能。目前HTML5+CSS3主要应用于移动端的网页制作,目前万门熟知的微信小程序就有HTML5的影子。


4、JavaScript是一种具有函数有限的轻量级解释型的编程语言,通常JavaScript脚本是通过嵌入在HTML中来实现自身功能,可以为网页添加各种动态功能,因此在企业实际开发应用中JavaScript是考核前端工程师的重要标准。甚至有一些大型互联网企业有专职从事JavaScript开发的岗位。


5、jQuery是一个快速、简洁的JavaScript框架,它封装了JavaScript常用的功能代码,提供了一种简便的JavaScript设计模式,拥有便捷的插件扩展机制和丰富的插件。


6、node.js是一个让JavaScript运行在服务端的开发平台,掌握node.js可以让JavaScript成为与Python等后台编程语言平起平坐的脚本语言。


7、前端开发常用框架。目前前端开发中被使用最多的三种主流框架是Angular、React、Vue。React拥有较高的性能,代码逻辑非常简单,Vue是一个构件数据驱动的Web界面的库主要聚焦在view视图层,Angular是相对来说更加完善的前端框架。


8、微信小程序开发本质上就是HTML5+CSS+JS开发的,但是并不能直接使用HTML标签,微信提供了一个组件库,其中没有DOM和其他浏览器上的API,对于网络和Canvas也做了重新的包装。只要掌握了前面的知识学起来是非常轻松的。目前微信小程序开发已经成为前端开发中非常重要的一个方向。


9、还需要掌握一些SEO优化相关技术,作为前端开发工程师经常与网站接触,因此掌握SEO技术,可以大大提高网站开发的效率,降低后期网站运营过程中反复调试修改的问题。


10、完整地掌握网站开发的流程并且了解业务相关联的部分技术知识,在实际工作中,前端开发工程师主要业务会与产品经理、UI设计、后端开发关联,因此一个合格成熟的前端开发工程师需要对产品经理、设计以及后台开发有一定的了解,甚至完成相应的基础应用。


以上10个模块就是目前企业招聘前端开发工程师的主要技能要求。因此对于刚入门的同学而言,需要通过结果反推你的学习需求。这样才能在学习完成后快速与用人单位接轨,达到快速就业的目的。入门前端所需要的学习的内容当然不仅仅是文中所提到的这些模块,此外还有数据库知识、操作系统知识、Ajax、bootstrap框架、Wepack项目打包等等知识内容。目前网络上大部分前端学习路线并不完整,建议想要学习前端的同学,能通过培训的方式快速学习,不仅节约了自己的学习时间成本,同时也能学习到系统完整的前端知识体系。这样才能保障自己在企业实际工作中避免遇到过多的技术问题。


小王霸
3楼 · 2021-08-10 10:47

你得先了解前端需要掌握什么,从H5,CSS3到js,node开发到Vue几个框架,了解了这些就开始从最基础的H5开始,可以网上扒视频也可以现在招培训班

yuixan
4楼 · 2021-08-10 11:13

先学HTML、CSS、JS,之后是AJAX、jQuery。

HTML5和CSS3的结构样式部分可以放在HTML和CSS之后,而与JS相关的API部分建议放在最后,最后学习其他框架以及当前流行的东西。

另外,多加练习,多敲代码,实战也很重要(理论和实战都很重要)。

质量好的入门书籍,对你自己学习也有帮助,比如《HTML5布局之路》(HTML、CSS、HTML5、CSS3方面)、《Head First系列的JS》(JS、AJAX)、《锋利的jQuery》(jQuery)

还有就是在线的原创技术讲解、视频课程,挑选质量好的,讲解逻辑好的看,个人觉得HTML5学堂(WX号里的不错)。

最好是找个不错的视频或书,教方法的那种,别怕花钱,选错了书或者视频,学习效率很有可能会低到爆


flame
5楼 · 2021-08-10 11:25

学习前端一般分为以下几个阶段:
一阶段:html标签、html5新增标签、css样式、css3样式、媒体查询等;
二阶段:Java、jQuery、ajax、面向对象、http传输协议等;
三阶段:canvas、js高级应用、JS-SDK、H5新增技术;
四阶段:node.js、vue.js;
学习建议以视频为主,书本为辅,千万不要只看书,敲代码的过程是很重要的。

先从html和css学起,简单的页面布局和样式要学会,记住标签,后边的就慢慢练习 了。

一步一个台阶,不要急于求成,基础要打扎实了。

可以找一些课程视频看一看,然后自己可以尝试着动手试一试,不过呢最好是有人带着你实践做项目,这样效率会高一些,没有任何基础的话自学是比较困难的

天天
8楼 · 2021-08-10 19:23

web前端入门比较简单,首先要掌握三大武器的基础知识,就是html,css,javascript。

html:

先学习基本的标签用法,然后看看各大主流网站的html源码,看看人家html结构是怎样的。

css:

也是学习基本的用法,如何给元素添加样式,学习如何布局,当你看到一个网页,就可以用div+css轻松把它布局出来,你的css算是开始入门了。

[removed]

网页上的交互动效,基本都是javascript来实现的,你要了解事件的机制,知道怎样点击一个按钮就会触发一个事件,怎样把鼠标悬浮在一个标题上,标题的样式就变化了。这些就是通过javascript来响应事件,然后需改css来实现的。


夏虫语冰
9楼 · 2021-08-10 20:04

可以先找一些视频看看,从HTML和CSS学起,随后可以接触一下js,不过js阶段有一些难度,可以找个培训班学习学习。

相关问题推荐

  • 回答 120

    相对前几年来说,要高上不少了,毕竟入行的人也是越来越多了,基础的工作对应想要参与的人群基数越来越大,但是对于高端人才的需求还是很多,人才还是相对稀缺性的。所以,想要学web或者其他技术也一样,别等,别观望。web前端就业方向特别多包括web前端开发...

  • 回答 25

    相对定位和绝对定位是定位的两种表现形式,区别如下:一、主体不同1、相对定位:是设置为相对定位的元素框会偏移某个距离。2、绝对定位:absolute 脱离文档流,通过 top,bottom,left,right 定位。二、特点不同1、相对定位:在使用相对定位时,无论是否进行移...

  • 抓包是什么意思?2020-04-01 17:36
    回答 7
    已采纳

    抓包(packet capture)就是将网络传输发送与接收的数据包进行截获、重发、编辑、转存等操作,也用来检查网络安全。抓包也经常被用来进行数据截取等。抓包可以通过抓包工具来查看网络数据包内容。通过对抓获的数据包进行分析,可以得到有用的信息。目前流行的...

  • 回答 89

    常用的前端框架有Bootstrap框架、React框架、Vue框架、Angular框架、Foundation框架等等

  • 回答 65
    已采纳

    前端是目的就业前景非常不错的一个计算机技术,但是自学的话还是有一定难度的,网络上自学是碎片化的,同时互联网技术跟新换代快,自己的话比较吃力也学习不到最新的技术。

  • SSR 是什么意思?2020-03-20 18:56
    回答 6

    SSR就是一台服务器,可以利用 SSR 在远程的服务器上配置 SSR,使其能够成为 SSR 节点,这样本地电脑或者其它设备利用 SSR 节点实现 VPN 或者远程上网及游戏加速等方面。ShadowsocksR(简称 SSR)是 Shadowsocks 分支,在 Shadowsocks 的基础上增加了一些数据...

  • 回答 11

    1、代码判断xAxis: {type: 'time',splitLine: {show: false},interval: 3600, // 设置x轴时间间隔axisLabel: {formatter: function(value, index) {return liangTools.unix2hm(value)}}},首先要把xAxis 显示类型设置成time,然后设置对应X轴......

  • 回答 52
    已采纳

    计算机培训方向比较多,建议找适合自己的方向选择培训编程类:JAVA、WEB、Python、C/C++、C#等测试类:软件测试运维类:云计算、网络安全设计类:UI设计、3D建模等

  • 回答 8

    HTML5 + CSS + JavaScript 开发 跨平台重用代码 

  • 回答 4

    采用rem单位自动响应,并提供独有栅格化系统快速定义宽高、边距节省css代码量,同时总结各大型移动端网页,提供一套ui颜色搭配规范,尺寸规范,字体规范等。

  • 回答 10

    iView UI、ioni、SUI

  • 回答 6

     jQTouch 

  • 回答 4

    如果只是普通的移动端用vue react 或者dva 如果是要编译成小程序什么的或者混生 就用uni-app(对应vue语法)taro(对应react) 或者纯原生 这个没有限制的,自己怎么舒服怎么来

  • 回答 4

    因为可以运用在网页和小程序的开饭中,而且开源,用着便宜,企业都很喜欢

  • 回答 10

    一、Visual Studio Code下载地址:https://code.visualstudio.com/微软在2015年4月30日Build 开发者大会上正式宣布了 Visual Studio Code 项目:一个运行于 Mac OS X、Windows和 Linux 之上的,针对于编写现代 Web 和云应用的跨平台源代码编辑器。Visual Stud...

  • 回答 9

    jQuery自带淡入淡出效果 https://www.w3school.com.cn/jquery/jquery_fade.asp 看看这个 

没有解决我的问题,去提问