欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

零基础学习web前端可以从这4个阶段入手

程序员文章站 2022-03-07 08:51:47
Web前端要如何学?这是很多新手都会问的问题,究竟web前端开发要学什么内容?学习起来难不难? ......

web前端要如何学?这是很多新手都会问的问题,究竟web前端开发要学什么内容?学习起来难不难?

零基础学习web前端可以从这4个阶段入手

学习web前端大体上可以分为下面几个阶段:

第一阶段:html标签的学习

零基础学习web前端可以从这4个阶段入手

超文本标记语言(hypertext mark-up language 简称html),“超文本”就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。

html是一个网页的骨架,就好比是盖房子的结构~这也是前端页面的基础。试着想一下,如果一个房子连砖头和水泥都没有,后面的步骤又有什么意义呢?

所以我们必须完全掌握html的基本结构和常见的标签,属性。有了一个好的开始,距离成功就更近了一步~这里有两点建议,大家可以尝试:

1、语义化的去记忆。比如ul li这个就是列表,button就是按钮,table就是表格。其实这也是html5所倡导的,语义化标签。

2、试着写一个小的demo,也许就只是一个列表,一个表格,或者一个按钮。

学习html就是要自己不断的去写,去尝试。看着自己的代码能跑起来,有了心目中的效果,这种心情还是很开心的!

在学习过程中有什么不懂得可以加我的web前端学习交流扣扣qun,前面是133,中间868,后面是702。群里有不错的学习教程与开发工具、项目源码分享,专业的老师解答问题。与你分享web前端企业当下人才需求及怎么从零基础学习好web前端,和学习什么内容。

第二阶段:css的学习

零基础学习web前端可以从这4个阶段入手

css,层叠样式表——(cascading style sheets),是能够真正做到网页表现与内容分离的一种样式设计语言。

相对于传统html的表现而言,css能够对网页中的对象的位置排版进行像素级的精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力,并能够进行初步交互设计,是目前基于文本展示最优秀的表现设计语言。

css能够根据不同使用者的理解能力,简化或者优化写法,针对各类人群,有较强的易读性。

关于css的各种属性,我们还是可以参考学习html那样。可以说css的属性几乎完全是语义化的。我们需要改变边框,那就是“border”,那我们需要右侧边框做一些改变,那就是“border-right”。

很明显,接下来按照我们的需求还有“右边框的宽度——border-right-with”,”右边框颜色——border-right-color”等等等,诸如此类~完全就是我们需要什么,只要凭着需求去寻找。

第三阶段:javascript

 零基础学习web前端可以从这4个阶段入手
零基础学习web前端可以从这4个阶段入手

javascript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为javascript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在html(标准通用标记语言下的一个应用)网页上使用,用来给html网页增加动态功能。

javascript是一个可以运行在浏览器上面的语言(当然现在基于一些库/框架已经远不只是在浏览器上了),它可以操控浏览器,让浏览器听从我们的命令。这有点像一个电视剧和遥控器,而javascript就是我们的遥控器。

浏览器根据javascript的指令,做出相应的反馈。比如操作dom(也可以理解成为操作html),可以操作css。有了javascript就可以让我更加灵活&动态的操控html,css。

严格来说、html和css还算不上真正的“语言”,而javascript却是如假包换的脚本型语言,既然是语言,那就会有字符串,数组,对象等等。而我们的javascript可以处理这些与数据有关的工作,比如给数组排个序,去个重等等。

而我们依靠javascript可以做些什么呢?网页上常见的轮播图,网站的注册功能,提交我们的留言,刷新获取新闻等等。当然,我们强大的javascript远不止此!

第四个阶段:jquery

 零基础学习web前端可以从这4个阶段入手
零基础学习web前端可以从这4个阶段入手

jquery是一个兼容多浏览器的javascript库,核心理念是write less,do more(写得更少,做得更多)。jquery在2006年1月由美国人john resig在纽约的barcamp发布,吸引了来自世界各地的众多javascript高手加入,由dave methvin率领团队进行开发。如今,jquery已经成为最流行的javascript库,在世界前10000个访问最多的网站中,有超过55%在使用jquery。

如果继续用盖房子做例子,jquery更像是一个装修队。我们只需要关注我们的房子设计本身,把我的想法,理念告知这个装修队,让它来给我们处理那些杂七杂八的事情。

另外谈到web前端要如何学的问题,在这里简单给大家介绍一些学习web前端时候的方法,也希望对大家有些帮助,在写css前,其实html的结构要是比较合理的,这样写css也会比较顺手。在写一个网页之前,建议先琢磨几分钟,不要上来就写。多

去看看别人是怎么写的,然后结合自己的项目,心中有一个大致规划。可以先把最外层轮廓写好,先不着急去写某一个具体的部分。

这里给大家分享一些css小技巧:

1、css缩写

css缩写简化了你的css代码,更重要的是,它让你的代码更加整洁易懂。

2、理解class和id

这两个选择器总是让初学者感到迷惑。在css中,class和id分别用点“.”和井号“#”来标识。简单来说id就是用来标识那些单独不重复的样式,而class是可以重复使用的。

3、实用的<li>

<li>也叫链接列表,在与<ol>或<ul>正确搭配的时候非常好用,尤其是用在导航菜单样式上。

4、少用<table>多用<div>

css最大的优势之一是使用<div>达到样式上的灵活多变。不同于<table>,<div>里的内容不会 被锁在单元格<td>中。可以说几乎所有的表格布局都可以在<div>和样式的正确使用下完成。当然,有大量表格内容时,还是用 <table>吧。

web前端要如何学,重要的是掌握学习前端需要方法,更需要一颗平常心,不要把前端想的多难。要想深入精通的掌握一门技术,前期还是要多跟着行业大牛学习,这样会入门更快,少走弯路。