web前端开发自学路线是怎样的?基础指南_前端入门基础知识

学习前端的几个个阶段:一阶段:html标签、html5新增标签、css样式、css3样式、媒体查询等二阶段:JavaScript、jQuery、ajax、面向对象、http传输协议等三阶段:canvas、js高级应用、JS-SDK、H5新增技术四阶段:node.js、vue.js 第一阶段——HTML的学习超文本标记语言(HyperText Mark-up

web前端开发自学路线是怎样的?基础指南

学习前端的几个个阶段:

web前端开发自学路线是怎样的?基础指南_前端入门基础知识

 

第一阶段——HTML的学习

超文本标记语言(HyperText Mark-up Language 简称HTML)是一个网页的骨架,无论是静态网页还是动态网页,最终返回到浏览器端的都是HTML代码,浏览器将HTML代码解释渲染后呈现给用户。因 此,我们必须掌握HTML的基本结构和常用标记及属性

HTML 的学习是一个记忆和理解的过程,在学习过程中可以借助Dreamweaver的“拆分”视图辅助学习。在“设计”视图中看效果,在“代码”视图中学本质, 将各种视图的优势发挥到极致,这种对照学习的方法弥补了单纯识记HTML标签和属性的枯燥乏味,想必对各位初学的小盆友们来说,必定是极好的!

在学习了HTML之后,我们只是掌握了各种“原材料”的制作方法,要想盖一幢楼房就还需要把这些“原材料”按照我们设计的方案组合布局在一起并进行一些样式的美化。

第二个阶段——CSS的学习

CSS是英文Cascading Style Sheets的缩写,叫做层叠样式表,是能够真正做到网页表现与内容分离的一种样式设计语言。相对于传统HTML的表现而言其样式是可以复用的,这样就极大地提高了我们开发的速度,降低了维护的成本。

同时CSS中的盒子模型、相对布局、绝对布局等能够实现对网页中各对象的位置排版进行像素级的,精确控制。通过此阶段的学习,我们就可以顺利完成“一幢楼房”的建设。

“楼房”建设完成之后,我们可以交给用户使用,但是如果想让用户获得更佳的体验,我们还可以对“楼房”进行更深一步的“装修”,让它看起来更“豪华”一些。

第三个阶段——JavaScript的学习

JavaScript是一种在客户端广泛使用的脚步语言,在JavaScript当中为我们提供了一些内置函数、对象和DOM操作,借助这些内容我们可以来实现一些客户端的特效、验证、交互等,使我们的页面看起来不那么呆板,屌丝瞬间逆袭高富帅!有么有?

此时,也许你还沉浸在JavaScript给你带来的惊喜之中,但你的项目经理却突然对你大吼道

这个效果在××浏览器下不兼容,重新搞……”

“不兼容?”瞬间石化了有木有?

我擦,坑爹啊!那可是花了我一个晚上写了几百行代码搞定的啊,吐血了都!”

JavaScript的兼容性和复杂性有时候的确让我们头疼,还好有“大神”帮我们做了封装。

Web前端的学习建议

最后给大家聊聊在学习Web前端中的一些建议和方法:

在CSS布局时需要注意的一个问题是很多同学缺乏对页面布局进行整体分析,不能够从宏观上对页面中盒子间的嵌套关系进行把握,就急于动手去做,导致页面中各元素间的关系很混乱,容易出现盒子在浮动时错位等情况。建议大家在布局时采用“自顶向下,逐步细化”的思想,先用几个盒子将页面从整体上划分,然后逐步在盒子中继续嵌套盒子。

“君子生非异也,善假于物也”,在学习的过程中还要多浏览一些优秀的网站,善于分析借鉴其设计思路和布局方法,见多方能识广,进而才可以融会贯通,取他人之长为我所用。

计思路和布局方法,见多方能识广,进而才可以融会贯通,取他人之长为我所用。面,另一方面我们可以使用Firebug方便地查看、分析别人网站的源代码,“偷”也是一种技能!

每个人的成长与基础不一样,结合自己的实际情况,在执行。还是重复一下,前端的核心是html,js,css不难,但需要来积累。对前端我是这么看的

html,css就像一瓶酒,得品。

html,css总共就那些标签跟选择器属性什么的,但是要写一个有扩展性,健壮性或维护性的页面不容易。现在写页面基本条件反射,不是如何快速的完成,而是思考如果有界面需求修改,怎么在修改代码最少的情况下快速完成需求任务。这是对前端耐力,体力,智力的三重考验。

js就像一把剑,得磨。

js刚开始只是为了较验,随便技术社会的发展,承担的角色越来越重,刚开始玩玩jQuery感觉已经会js了,其实只是冰山一角。随着对js的了解越来越多,他即变态又可爱,即好玩又难控,即有很多兼容问题,但解决兼容是我们基本生存之道。从ajax到jsmvc一路走一路看,高载潮一浪高过一浪。

人生就是一场梦,得作。

技术只是生活的一部分,曾经雄心斗志,如今低头写码。改变能改变的,接受不能改变的。人生有限,只争朝夕啊。人生学习的态度是:不急不躁,不快不慢。持之以恒,相信自己。不求能改变世界,但求能改变自己的生活。不求健步如飞,但求一步一脚印。感谢磨难,他使我们内心更为坚强。感谢挫折,他使我们不断的成长,感谢bug,他使我们的思维更加深邃。感谢前端,他使我们更加的相信,撑起一片天空需要十八般武艺。

海计划公众号
(0)
上一篇 2020/03/26 23:33
下一篇 2020/03/26 23:33

您可能感兴趣的内容

  • 解决Js异步回调的深层嵌套的3种方式小白教程_异步小白攻略

    问题:解决异步回调的深层嵌套的问题.(回调地狱)1. Promisepromise对象用于表示一个异步操作的最终状态,promise在回调代码和将要执行这个任务的异步代码之间提供了一种可靠的中间机制来管理回调。//构造函数,回调函数是同步的回调
    new Promise(function(resolve,reject){….//异步操作
    })Promise

    2020/03/30
  • billboard.js基础知识入门_基于D3 V4 +可重复用的JavaScript 图表库

    billboard.js基础知识入门 官方网址:https://naver.github.io/billboard.js/ GitHub:https://github.com/na…

    2020/03/06
  • 前端开发人员最困扰的事情有哪些?小白基础_开发基础入门

    前端和后端开发之间的界线正在发生变化。有一些常见的错误会导致前端开发人员增加工作量、浪费时间,本文将介绍一些常见的错误以及如何避免这些错误。公司向他们的开发人员和程序员提出更多的要求,让他们完成与自己技能相关的任务,希望通过只雇佣一小部分人来降低开发团队的成本,而不是聘请专家。此外,企业正在投资于更新和更年轻的开发人员,其中许多人在该领域经验有限,或者只知道

    2020/03/26
  • AngularJS基础入门教程_Google推出有条理,可维护,易编程的MVVM框架

    AngularJS基础入门 官方网址:https://angularjs.org/ GitHub:https://github.com/angular/angular.js 简介描…

    2020/03/05
  • 利用CSS注入(无iFrames)窃取CSRF令牌新手入门_安全作者: 转载使用指南

    CSS相信大家不会陌生,在百度百科中它的解释是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。那么,它仅仅只是一种用来表示样式的语言吗?当然不是!其实早在几年前,CSS就已被安全研究人员运用于渗透测试当中。这里有一篇文章就为我们详细介绍了一种,使用属性选择器和iFrame,并通过CSS注入来窃取

    2020/04/05
  • 何为 CommonJS?为何封装模块?基础入门_模块指南教程

    何为 CommonJS?CommonJS 是一个有志于构建 JavaScript 生态圈的组织。它有一个 邮件列表,有很多开发者参与其中。 整个社区致力于提高 JavaScript 程序的可移植性和可交换性,无论是在服务端还是浏览器端。何为 CommonJS 模块?JavaScript 并没有内置模块系统(反正现在没有),于是 CommonJS 创造了自己的

    2020/03/23
  • WebJars入门教程_将web前端资源(如jQuery & Bootstrap)打成jar包文件

    WebJars入门教程 官方网址:https://www.webjars.org/ 简介描述:将web前端资源(如jQuery & Bootstrap)打成jar包…

    2020/03/11
  • 写一个简单的vue-router来剖析原理菜鸟指南_原理小白指南

    理解随着前端业务的发展, 我们一般在写一个较为大型的vue项目时候,会使用到vue-router,来根据指定的url或者hash来进行内容的分发,可以达到不像服务端发送请求,就完成页面内容的切换,能够减少像服务器发送的请求,让用户进行页面跳转时候能够更快,体验更好疑问在初学vue-router的时候,一般人都会有一个印象,router-link以及route

    2020/03/20
  • ResponsiveSlides.js基础知识_基于jQuery响应式幻灯片插件

    ResponsiveSlides.js基础知识 官方网址:http://responsiveslides.com GitHub:https://github.com/viljami…

    2020/03/06
  • 如何优雅地删除 Linux 中的垃圾文件教程视频_Linux入门知识

    不知道大家是否也跟我一样,是一只要把的自己电脑文件安排的条理有序,把没用的文件会及时删掉的程序猿呢? 如果是的话,那么我们可以愉快地探讨下文章的内容。 如果不是的话,你也可以留下来凑凑热闹嘛(>-<)。下面要介绍的是今天的主角—— tmpwatch ,它能帮助我们递归删除在给定时间内没有访问的文件和空目录。当然,我们也可以使用 find 命令查找并删除超过

    2020/03/20
  • js安全类型检测菜鸟攻略_类型菜鸟教程网

    背景: 都知道js内置的类型检测,大多数情况下是不太可靠的,例如: typeof 、 instanceof。typeof 返回一个未经计算的操作数的类型, 可以发现所有对象都是返回object (null是空指针即空对象)instanceof : 用于测试构造函数的prototype属性是否出现在对象的原型链中的任何位置 (简单理解: 左侧检测的对象

    2020/03/26
  • 不要浪费时间写完美代码小白帮助_代码基础指南

    一个系统可以维持5年,10年,甚至20年以上,但是代码和设计模式的生命周期非常短,当对一个解决方案使用不同的方法进行迭代的时候,通常只能维持数月,数日,甚至几分钟的时间。代码重要性区分随着对代码是如何改变的研究,致力于代码修改艺术的人发现了一个代码库的规律曲线。每个系统都有很多从未改变的代码。但是也有小部分非常重要且有用的代码一次又一次的改变,经过了多次重构

    2020/04/06
  • 在 React 中使用 Typescript基础指南_Typescript菜鸟指南

    前言用 Typescript 写 React 可比写 Vue 舒服太多了,React 对 ts 的支持可谓天生搭档,如果要用 ts 重构项目,不像 Vue 对项目破坏性极大,React 可以相对轻松的实现重构。顺便一提:全局安装的 create-react-app 现已无法再下载完整的 React 项目模版,必须先 npm uninstall -g crea

    2020/03/20
  • 运动呢!牛哄哄的蓝牙运动耳机又怎能少!使用攻略_蓝牙小白教程

    运动中听着美美的音乐自然让人心旷神怡,腿也更有劲了!这样……或者这样……还是这样……当然,既不想尴尬,又想有更好的运动时听歌体验,最佳方式莫过于戴上一款蓝牙运动耳机!利视达运动跑步无线蓝牙耳机利视达运动跑步无线蓝牙耳机利视达运动跑步无线蓝牙耳机,这款耳机选择了入耳斜角设计,大小适中,佩戴舒适感很强,但密封性效果较为一般,健身房中佩戴还是没有任何问题的,音质方

    2020/03/29
  • 读 koa2 源码后的一些思考与实践入门百科_koa小白知识

    什么是 koa2Nodejs官方api支持的都是callback形式的异步编程模型。问题:callback嵌套问题koa2 是由 Express原班人马打造的,是现在比较流行的基于Node.js平台的web开发框架,Koa 把 Express 中内置的 router、view 等功能都移除了,使得框架本身更轻量,而且扩展性很强。使用koa编写web应用,可以

    2020/03/20
  • JSXGraph使用攻略一个支持各种浏览器的交互式几何图库绘制

    JSXGraph基础入门 官方网址:http://jsxgraph.org GitHub:https://github.com/jsxgraph/jsxgraph 简介描述:一个支…

    2020/03/05