提到学习web前端,在外行人或者初学者的眼里,应该是绚丽的画面,精彩的布局,或者各种UI以及依据前端开发出来的小游戏。但经过一段时间的学习,你会发现其实本质上是一种搬砖经验的积累,以及布局框架的积累。

简单来说:
web前端分为html,css,javascript三个模块。
将最终的前端网页比喻成一个建筑的话
html——>建筑材料(接地气一点就是砖头,水泥)
css——>装饰(装饰建筑材料,以及给建筑材料合理布局。)
javasrcipt——>智能响应系统(建筑里安装的设施,例如电梯,空调等)
上升一个层次归纳就是 文本,布局,响应

html是地基,但也相对起来不难,分为单标签和双标签,熟练掌握就可以了,甚至知道有这个标签就可以,用的时候可以去查相关的API文档,当然随着项目的积累,应用肯定也会愈发的熟练。

css是布局,这个呀我感觉真的一看天赋,二看努力。说到天赋这件事情,就不得不谈谈审美了,作为一个男生的我,审美确实不太行,自己设计完一个网页后,自以为非常非常好看,分享给一个女生后,直接被吐槽了,审美直接崩塌,这个审美真的很难在短时间改变过来。第二点努力也就是布局以及高手大佬设计出来的项目的css布局的借鉴,这一点是需要长期积累的,做不得半点假。

javasrcript是响应,JavaScript实际是和你语言的学习功底扎不扎实有关了,感觉前期一般都是只能借鉴使用别人的js代码,在这个过程中逐渐学会理解其中的代码,能够简单的根据要求更改其中的代码,就算的上初步入门了,甚至在非专业的情况下已经达到了js的天花板,不要只搬砖,不理解内部,那样只能一直搬砖。

初学者入门学习:
1.从案例出发,驱动式学习,这应该是最快的学习方式。
2.多进行练习,天道酬勤。
3.不要好高骛远,虽然它没有C++那么晦涩,但是也不要想着一口吃成一个大胖子。

学习前端一般两个软件就够了:
1.编辑器:Hbuilderx或者Hbuilder,其他的也可以
2.浏览器:这里推荐Google浏览器


纵使摸着黑,也只能往前走呀。
自信起来,走路都带着风。

浅谈web前端理解一(前端学习路线)相关推荐

  1. 【大道至简】浅谈自然语言处理(NLP)学习路线(二):N-Gram模型,一文带你理解N-Gram语言模型

    本文相关文章:浅谈自然语言处理(NLP)学习路线(一)--- 概述_nlp学习路线_尚拙谨言的博客-CSDN博客 大家好,我是尚拙谨言.欢迎来到大道至简专栏之自然语言处理学习路线.在本系列往期文章中, ...

  2. 浅谈web api和Webservice

    浅谈web api和Webservice webapi用的是http协议,webservice用的是soap协议 webapi无状态,相对webservice更轻量级.webapi支持如get,pos ...

  3. 浅谈 Web 3.0

    这篇文章的目的就是简单解释一下这个「Web 3.0」新概念. 为了更好地理解「Web 3.0」,我们可能需要从 「Web 1.0」和「Web 2.0」说起. 浅谈 Web 3.0 「Web 1.0」 ...

  4. 浅谈web应用的负载均衡、集群、高可用(HA)解决方案

    浅谈web应用的负载均衡.集群.高可用(HA)解决方案 转载于:https://www.cnblogs.com/hfultrastrong/p/7887420.html

  5. 浅谈web开发以及django的安装和入门

    浅谈web开发 1.B/S和C/S结构 B/S:浏览器与服务器进行的交互模式(不需要官方下载的,一夫多妻制) C/S:客户机与服务器进项的交互模式(必须官方下载的,一夫一妻制 2.MVC和MVT MV ...

  6. 浅谈Web前端安全策略xss和csrf,及又该如何预防?

    Web前端安全策略xss和csrf的攻击和防御 一.XSS跨站请求攻击 1.什么是XSS 2.场景模拟 3.XSS的攻击类型 4.如何防御XSS 二.XSRF跨站请求伪造 1.什么是csrf 2.场景 ...

  7. web开发课程培训,10大前端常用算法,学习路线+知识点梳理

    标签语义化: 语义和默认样式的区别: 默认样式是浏览器设定的一些常用tag的表现形式: 语义化的主要目的就是让大家直观的认识标签和属性的用途和作用: 标签语义化作用: 当只有HTML页面时,没有CSS ...

  8. web前端零基础系统学习路线,每个阶段都需要学什么?

    作为刚接触web前端开发或者已成为前端工程师的你,是否经常碰到以下疑问: 1.零基础从哪里开始学web前端? 2.学web前端要学习哪些语言? 3.学完web前端能做什么? 4.自学web前端学的会吗 ...

  9. Web前端自学之路学习路线,web前端开发网站

    前端开发作为一个由网页制作演变成的新兴岗位,其实在国内外来说,受到重视的时间并不长,在前几年间技术快速的发展和其应用普及率的迅猛增长,使得前端人才市场一片盛况空前的景象,由于其的易入门性和不错的发展前 ...

  10. 听红宝书译者谈Web视角下的前端开发

    Web视角下的前端开发 ⏳序言 ⏰一.关于前端开发 1. 起源.架构.变迁 (1)起源 (2)架构 (3)变迁 2. 前端应用的领域 (1)所面向群体 (2)所面向领域 3. 语言.框架.工具 4. ...

最新文章

  1. 课后习题代码持续更新。。。。。。。。。。。。。
  2. maven jar包冲突常见报错及解决方法
  3. JavaScript toFixed() 方法
  4. IO-1(Java IO、File类)
  5. 今天刚开通博客,很开心
  6. 《Python Cookbook 3rd》笔记(2.15):字符串中插入变量
  7. oracle链接池满了怎么办,Oracle连接数满了
  8. MyBatis学习总结(19)——Mybatis传多个参数(三种解决方案)
  9. oracle unused 语法_【转】Oracle set unused的用法
  10. MATLAB人脸识别算法
  11. arduino外接SSD1306不显示
  12. Java核心技术整理(九)---持久层、业务层、表现层
  13. 10套精美而实用的CSS3按钮
  14. R(13):第三章:3.2数据的分布
  15. [统计学笔记] (八)分类数据分析
  16. 彩色图像颜色和饱和度调整办法
  17. 计算机毕业设计springboot+vue基本微信小程序的校园二手闲置物品交易小程序 uniapp
  18. powerpoint快速插入多张图片
  19. The Unarchiver-解决Mac解压后文件名乱码问题_我是亲民_新浪博客
  20. IntelliJ IDEA 2020 如何使用中文版

热门文章

  1. PHP3.2.3 where or,WHERE · ThinkPHP3.2.3完全开发手册 · 看云
  2. C语言程序设计上机前三题,C语言程序设计(含上机实验与习题解答)
  3. c java c时间格式处理_c:foreach 对时间类型进行格式化
  4. Promise解决多个异步Ajax请求导致的代码嵌套问题(完美解决方案)
  5. 2019王小的Java学习之路
  6. mac 查看指定端口情况 并杀死该进程
  7. mongoose populate 返回 指定 字段
  8. IMP导入报语句超过缓冲区长度
  9. 西电继续教育计算机试题答案,西安电子科技大学网络与继续教育学院微机原理试题...
  10. MapReduce改造fp-growth算法