前端怎么学,如何从小白变成大牛,一篇文章实现你对前端的看法
个人名言: 没有一个人生下来就是天才,只是别人付出的汗水比你多了罢了,相信只要自己努力,就没有做不到的东西包括学习编程,你我都是黑马
一.什么是前端及前端的介绍
前端开发是创建WEB页面或APP等前端界面呈现给用户的过程,通过HTML,CSS及JavaScript以及衍生出来的各种技术、框架、解决方案,来实现互联网产品的用户界面交互 。
前端开发从网页制作演变而来,名称上有很明显的时代特征。在互联网的演化进程中,网页制作是Web1.0时代的产物,早期网站主要内容都是静态,以图片和文字为主,用户使用网站的行为也以浏览为主。随着互联网技术的发展和HTML5、CSS3的应用,现代网页更加美观,交互效果显著,功能更加强大。 [2]
前端开发跟随移动互联网发展带来了大量高性能的移动终端设备应用。HTML5,Node.js的广泛应用,各类UI框架,JS类库层出不穷,开发难度也在逐步提升。
优秀的Web前端开发工程师 要在知识体系上既要有 广度 和 深度!应该具备快速学习能力。
前端开发工程师 不仅要掌握基本的Web前端开发技术,网站性能优化、SEO和服务器端的基础知识,而且要学会运用各种工具进行辅助开发以及理论层面的知识,包括代码的可维护性、组件的易用性、分层语义模板和浏览器分级支持等。
前端工程师至少都要满足四类客户的需求:
1、产品经理。这些是负责策划应用程序的一群人。他们会想出很多新鲜的、奇怪的、甚至是不可能实现的应用。一般来说,产品经理都追求丰富的功能。
2、UI设计师。这些人负责应用程序的视觉设计和交互模拟。他们关心的是用户对什么敏感、交互的一贯性以及整体的好用性。一般来说,UI设计师侯倾向于流畅靓丽、但并不容易实现的用户界面,而且他们经常不满前端工程师造成
1px 的误差。
3、项目经理。这些人负责实际地运行和维护应用程序。项目管理的主要关注点,无外乎正常运行时间、应用程序始终正常可用的时间、性能和截止日期。项目经理追求的目标往往是尽量保持事情的简单化,以及不在升级更新时引入新问题。
4、最终用户。指的是应用程序的主要消费者。尽管前端工程师不会经常与最终用户打交道,但他们的反馈意见至关重要。最终用户要求最多的就是对个人有用的功能,以及竞争性产品所具备的功能。
好了,列举了这么多…… 你真的还想学前端么?不后悔吧? 如果真的做好了准备的话,哈哈,那我们就一起享受学习前端的乐趣吧!
二.前端学习路线
一、基础
想成为前端开发者应该先打好基础:
HTML > CSS > JavaScript > jQuery > ajax> Vue.js> node.js> react> GitHub
不要担心以后会做什么决策,先好好深入学习。
在增值的方向上投资自己,才是最明智的。
学习了HTML、CSS就可以实现一些静态页面,不只是简单的静态页面,应该是稍微复杂一些绚丽一点的页面。
推荐书籍:《黑马程序员》
二、JS
JS可以跟着以下几张思维导图学习(听说是一位名为“阿民”的大师做的图):学习 Javascript 首先要知道这门语言可以做什么,不能做什么,擅长做什么,不擅长做什么!
1.JS
深入了解Javascript,需要了解 Javascript 的原理,机制;需要知道他们的本源;需要深刻了解 Javascript 基于对象的本质;还需要深刻了解浏览器宿主下 的 Javascript 的行为、特性。他也有很多缺点,各个宿主环境下的行为不统一、内存溢出问题、执行效率低下等问题,需要深入了解、学会处理这些缺陷。
推荐书籍:
初级:
《JavaScript高级程序设计》
《JavaScript王者归来》
中级:
《JavaScript权威指南》
《JavaScript.The.Good.Parts》Douglas Crockford
《高性能JavaScript》:Nicholas C. Zakas
《Eloquent JavaScript》:
高级:
《JavaScript Patterns 》
《Pro.JavaScript.Design.Patterns》讲解JavaScript设计模式
《Developing JavaScript Web Applications》:构建富应用的好书,针对MVC模式有较为深入的讲解,同时也对一些流程的库进行了讲解。
三、后端语言
如果单纯只是学习前端编程语言、而不懂后端编程语言(Java、PHP、ASP.NET,JSP、Python),也不能算作是优秀的前端工程师,我们还可以学习一门后端语言,这样可以算的上半个全栈工程师了,哈哈哈。
四、学习方法建议
1.限制一次学习的量,并且不断地实践——实际编写代码。
举个例子:就像学习数据结构一样,我有个同学A学习数据结构单纯的把书带到图书馆去看,我问A为什么不带电脑,A回答说光是看就已经看不懂了。能发现问题么?有时候我们可能看不懂代码,但是动手敲一遍可能会更认真的跟着代码的思路走一遍,在运行出来结果或者跟着调试的时候
才会恍然大悟!喔喔!原来是这个样子的!同学A数据结构学了好几遍都没有学好,而另外一个同学B却对数据结构十分熟悉、笔试面试几乎难不倒他,他跟我分享学习经验的时候就告诉我,一定要动手敲!而且不止要敲一遍!
——这也是很多人会走弯路,而很多人只会走捷径的关键。
2.用正确的心态去做练习,当成玩耍或者游戏。
3.写代码的时间魔法,先告诉自己只写10分钟,然而就会陷进去乃至一下午。
4.思考得更慢,学得更快。就像你在去理解别人的代码的时候一样,不要漏掉任何一行!
5.首先用简明的语言来写复杂的代码。这是一种锻炼!
6.定期定目标,每天都看看,想想,保持敏感、紧迫感、期待感。
7.记笔记:
- 学习过程中搜集的资源链接;
- 遇到的未决的疑问;
- 那些很宽而我们用的很窄的知识点;
- 那些能进一步深入而我们浅尝辄止的知识点;
- 某个功能可能存在的其它实现方案的蛛丝马迹
总体的结构已经为大家规范出来了,前端的学习方向大致应该也就这么多了,还有一些框架和Ajax上面的知识,博主会在后续一一的给大家规范出来,希望这篇文章对大家有所帮助,如果还要什么需要补充的地方,需要修改的地方,请大家在下面评论出来,博主会给大家解答的。
前端怎么学,如何从小白变成大牛,一篇文章实现你对前端的看法相关推荐
- web前端技术(一) 之从小白到大牛
web前端技术(一) 第一章 web前端基础 目录 web前端技术(一) 前言 一.前端技术的基础是什么 二.前端基础学习 1.HTML 1.1HTML文件的创建 1.2HTML文档的结构 1.3HT ...
- 学Python基础面向对象看这一篇文章就够了【全网首推】
目录 面相对象基础语法 目标 01. dir 内置函数(知道) 02. 定义简单的类(只包含方法) 2.1 定义只包含方法的类 2.2 创建对象 2.3 第一个面向对象程序 03. 方法中的 self ...
- web前端php需要掌握吗,web前端需要学什么
web前端需要学HTML.CSS.JavaScript.jQuery.Ajax.前端框架(vue/React/Angular等)等前端知识:还要了解每个浏览器中的各个版本的兼容性.Web标准.移动设备 ...
- Web前端如何学?Web前端学习方法分享
伴随着人工智能.大数据的发展浪潮,互联网将各个行业更加紧密的链接到了一起,也因此,市场上对于IT互联网人才的需求一再增多,Web前端开发工程师这一岗位就很好的体现了这种态势. 从各大招聘平台可以看到, ...
- 为啥总感觉前端有时候学不懂,想努力学又学不进去?
之前学习前端的时候被鲁迅说的"时间就像海绵里的水,只要你愿意挤,总还是有的."自己把自己误导了. 当初就觉得牺牲一点生活娱乐时间,用来学习,提高自己,投资自己,以后赚更多的钱,不就 ...
- 前端要学多久才能去工作?具备什么技能?
前端要学多久才能去工作?具备什么技能?零基础的初学者系统学习前端知识,学完差不多需要6个月左右的才能找工作.有一定基础的同学能够更快掌握前端技术.学习前端找工作要多久因人而异,更应该注意的是学习质量才 ...
- 上海交大软件工程教授告诉我,python小白变大牛之路一定要看的书
前言 小编这里有一本书,书名叫做<Python数据分析与应用:从数据获取到可视化>,出版社:中国铁道出版社,这本书是2019-03出版的,虽然是19年出版,已经有两年了,还是不影响他的可以 ...
- web前端需要学什么?附学习路线!
第一阶段:专业核心基础 此阶段需要掌握以下内容: 1.Web 前端开发环境的配置,HTML 常用的标签,常用表单元素,Table 布局,CSS 样式表,DIV+CSS 布局.可以熟练运用 HTML 和 ...
- 《Python从小白到大牛》第4章 Python语法基础
<Python从小白到大牛>已经上市! 本章主要为大家介绍Python的一些语法,其中包括标识符.关键字.常量.变量.表达式.语句.注释.模块和包等内容. 标识符和关键字 任何一种计算机语 ...
最新文章
- 北航学长:DCIC 2021的算法方案讲解
- Python时间转换函数:时间转化为时间戳、时间戳转化为时间、当前日期、当前时间、星期几、前面或者后面多少天、年、月、日等
- Requested bean is currently in creation: Is there an unresolvable circular reference?
- NSAssert的使用
- VMware虚拟机里面无法直接访问主机磁盘怎么办?
- MacBook如何快速显示桌面
- 计算机网络把许多什么连接在一起,计算机网络技术基础知识汇总习题
- docker开放的端口_docker-5-解决宿主机没有开放81端口却可以直接访问docker启动的81端口nginx容器的问题...
- 软件外部接口和内部接口_java中的内部类内部接口详解
- I00026 计算数根
- GIS和RS数据查找下载网址整合
- 5类6类7类网线对比_五类网线、六类网线和七类网线有什么区别?如何挑选网线?...
- 推荐一款插件layim.js 阿里大牛贤心制作的一款webim聊天插件
- Prophet(预言者)facebook时序预测----论文总结以及调参思路
- layui查档页面_首页--layui后台管理模板 2.0
- java实现图片反色
- phpMyAdmin无法缓存模板文件,所以会运行缓慢。
- 如何安装tree命令
- 给头像加上绿帽子网站源码自行玩耍
- 数学正态分布中的那两个字母怎么读
热门文章
- Chinar 祝贺大家2019新年快乐!
- php 批量导入关键词,帝国cms7.0版本TAGS批量添加.TAGS批量复制到关键词的教程
- python截图直接在内存里调用_python 使用win32api截图全解释
- springboot-鑫源停车场管理系统 毕业设计 -附源码 290915
- 6月26日财经证券报头条摘要
- 一步步带你挑选机械键盘!
- 1024和800分辨率下浏览器宽度和宽度的设定研究[转]
- Linux20个常用命令
- mysql_select_db不到数据库问题
- 现代网页排版有什么要求_调查:现代网站的更好排版