⑴ 前端入门应该如何规划自己的学习路径
给你几点建议和学习路线,参考一下:
1、作为一个初学者,你必须明确系统的学习方案,我建议一定有一个指导的人,全靠自己学,放弃的几率非常大,在你对于web前端还没有任何概念的时候,需要一个人领进门,之后就都靠自己钻研,第一步就是确定web前端都需要哪些内容,并且在多少时间内学完,建议时间6个月保底。
2、视频为主,书为辅。很多初学者在学习前端的时候非常喜欢去买书,但是最后的结果是什么?看来看去什么都不会写,所以在这里给大家提醒,书可以看,但是是在建立于你已经对于某个知识点有了具体操作的执行后,在用书去巩固概念,这样更加利于你对于知识的理解。
3、对于学习技术来讲,掌握一个学习方法是非常重要的,其实对于学习web前端来讲,学习方法确实很多都是相通的,一旦学习方法不对,可能就会造成“方法不对,努力白费”。其实关于这方面还是很多的,我就简单说个例子,有的人边听课边跟着敲代码,这样就不对,听课的时候就专心听,做题的时候就专心做题,这都是过来人的经验,一定要听。根据每个人的不同,可能学习方法也会有所出路,找到适合你自己的学习法方法是学习的前提。
4、不建议自己一个人瞎学,在我了解学习编程的这些人来看,从零基础开始学并且最后成功做这份工作的其实并没有几个,我觉得大部分原因就是因为他们都不了解web前端是干什么的,学什么的,就盲目的买书看,到处找视频看,最后看着看着就放弃了,所以我建议初学者在没有具体概念之前,还是找有经验的人请教一下,聊过之后你就会知道web前端具体是干什么的,该怎么学,这是我个人的小建议,可以不采纳。
《Vue.js权威指南》
Vue作为现在前端的主流框架,在国内应用最为广泛,所以了解Vue原理必须要啃一本Vue的书籍。我之所以推荐这本,是因为这本书对于引导初用Vue的开发者有着质的提升。从基础知识到主流打包以及源码解析,还有很多实践的案例,都是一本不错的实用性书籍。主要内容包括数据绑定、指令、表单控件绑定、过滤器、组件、表单验证、服务通信、路由和视图、vue-cli、测试开发和调试、源码解析及主流打包构建工具等。该书内容全面,讲解细致,示例丰富,适用于各层次的开发者。
《编程之美》
无论是什么岗位的程序员,必读的一本书籍,没有读过这本书的程序员几乎都是假程序员。这本书有60道算法和程序设计题目,这些题目大部分在近年的笔试,面试中出现过,或者是被微软员工热烈讨论过。作者试图从书中各种有趣的问题出发,引导读者发现问题,分析问题,解决问题,寻找更优的解法。可以大幅度提高自己的编程思维和对于这个行业的深入思考,最终变成技术大牛。
相关的视频教程需要的话,留言告诉我。
⑵ 求大神前端名词解释:URL、路径、地址、域名,最好能举例说明
这几个词除了url和域名指代非常明确,其他都是翻译的所以有时会有混用的情况——比如A书里说的地址,有可能就是B书里说的url或者路径,但是一般来说解释如下:
url是资源地址——格式如下:
协议://用户名:密码@子域名.域名.顶级域名:端口号/目录/文件名.文件后缀?参数=值#标志
比如:
http://www..com/
file:///C:/Users/computer/Desktop/abcd.pdf
http://192.168.0.1:8080/abcd/a.php?file=abcd
路径一般指文件路径,分为相对路径和绝对路径:
相对路径:../images/a.jpg
绝对路径:C:\
地址一般说的是ip地址:
192.168.0.1
域名说的是由绑定了ip地址,由DNS解析的别名,通俗的说就是我们访问网站的根网址比如:
www..com
这就是一个域名
⑶ 前端工程师接私活的途径有哪些
1.通过朋友介绍,这个是比较靠谱的方法,如果能保证质量,可能会有介绍来的单子;
2.通过一些外包平台,现在主要有猪八戒、一品威客、解放号、码客帮、码市、程序员客栈、军刃这几个主流的平台。
3.自有渠道,适合比较大牛的开发者,可以通过搭建自己的网站博客,不断去增加自己的作品去沉淀,同时做好SEO,可以方便客户找到你。
4.自己挖掘,比如通过线下的一些活动或者线上去寻找,例如知乎、QQ群、网络知道啦等一些渠道。
5.如何选择接单渠道:前期走朋友介绍和外包平台。后期走自有渠道。毕竟靠别人吃饭不是长远的方法,如果前期做得好,后期一定要转型打造自己的平台,切记。
⑷ Web前端开发所需要的知识技能及学习路径
Web前端开发所需要的知识技能及学习路径。1.HTML5CSS3JavaScript。
Web开发基础中的基础,HTML是负责网页结构,CSS负责网页样式,JS则负责逻辑交互。前两者更像是标记语言,没有什么逻辑,JS才是前端的重中之重。HTML5新增的技术大部分需要结合JS学习。
每个人学习进度可能不同,这个阶段主要是多纳烂仿站,熟悉基础,试试用CSS写响应式页面,了解JS深入性的知识,比如原型链、闭包、设计模式等需要更多的积累,逐渐理解并实践掌握。
2.JQueryBootStrapAjaxJson。
jQuery是JS的一个应用库,能够提升原生JS开发效率。Bootstrap则是响应式框架,更简单的实现手机/平板/PC多个设备的页面支持。Ajax技术用于异步交互,不刷新页面就能更新数据,比如地图应用等。Json是一种数据格式,被广泛应用在各大编程语言中。
jQuery和bootstrap会简化很多编写的代码量,用着不亦乐乎,但对于基础还不是很扎实的人建议还是少用。Ajax和json通常用于和后端交互,在实际业务中也经常用到。
3.Git/SVN。
版本管理工具,主要用于团队开发时避免文件冲突,也可回档。前端推荐学习Git。
4.NodejsMysql/MongoDB(可选)。
运行在服务器端的JavaScript。Express是其拓展MVC框架。其中nodejs最常用到的就是npm包管理器,不用到各个网站去下载资源包。数据库的学习可以选择MongoDB或者MySQL,前者与Nodejs的契合度更好,不过现在大多数网站都是PHPMysql的组合,如果有学PHP的打算的话,可以先学习Mysql。
5.ECMAScript6。
JavaScript的语言标准。ES6中加入了很多新的概念,也弥补了之前版本中JS的很多缺陷,越来越多的项目开始运用ES6进行开发。学之前最好把ES5先搞懂了,目前实际项目中考虑到兼容性,ES6是需要通过Babel将其编译为ES5来部署的。
6.Angular/React/Vue。
前端三大框架,各自也有着各自的生态系统,根据需求自行选择学习。目前企业需求量最大的仍然是Angular,但近期趋势来看react和vue则更受欢迎。因为现在前端技术发展太过于突飞猛进,工具和框架的更新比翻书还快,建议学习还是看文档比较好。学习过程中也会遇到很多用到各种构建工具的时候。
7.其他常用工具。
这个一样是根据需求自行选择学习。比较常用的现在有Webpack,可以将多个不同编程风格的文件打包,比如ES6/AMD/CMD之类的模块化都能识别并编译成浏览器能运行的文件。Sass/Less,CSS预编译框架,可以用带有逻辑性的方式编写CSS代码。Gulp/Grunt构建工具,可以自动化对代码进行压缩合并等工作。
8.其他后端编程语言。
目前市场对前端基本都要求会一门后端语言,PHP/JAVA/Nodejs/Python等。
学习编程重要的还是实践,多敲代码,多去尝试。独立解决问题的能力、探究钻研的精神是必不可少的。有兴趣的话也可以自己搭建一个技术博客,往github上传几个开源项目,这些都是不错的加分点。
第六学习web前端,你不能不知道的技巧。1、不要让对未来的忧虑干扰你现在的学习,有些JavaScript初学者会问刚开始要学习哪种框架,但是如果你还没能熟练使用原生JavaScript,你就不应该问这种问题。因为你会花很多时间研究各种框架而得不到进步。走出这个指尘陷阱的一个方法是制定一个学习路径图。
2、不要让自信骗你进入持续遗忘的陷阱,快速理解一个概念会是JavaScript进步的最大阻碍,下面我将解释。当你遇到一个知识点,而你好像理解了,你很可能抑制不住内心跳到下一个知识点的冲动。但是,很快你会到达一个节点,在这个节点你发现自己已经忘了前面所学,于是你需要回过头复习,你快速瞟了一下之前所学然后又继续学习新的知识。但是现在,你忘记了其他东西。你一直重复这种继续-回顾-继续-回顾模式直到你发现自己完全迷失。你开始沮丧,想要休息,然后当你开始重振旗鼓,却发现自己已经忘掉所有。
幸运的是,我们有两个应对上述问题的方法:
1、一次只学一样东西
2、做练习-实际上是敲代码
当你学习一个新的概念,你要将它实践洞逗漏出来,练习它,与它和善相处,甚至能够将它与其他概念联系到一起。当你学习一个示例,最重要的是你要自己将代码敲出来,这样能帮助你吸收它。另外,一次只学一个东西能够帮助你巩固所学,因为记忆更少的东西更容易。
这个过程看起来貌似比阅读然后快速跳到下一个知识点要花费更长的时间,但是实际上它所花的时间更少,因为这样你就不需要频繁复习之前所学。我在好几个场合后才艰难的领悟到这个道理。
3、思考的更慢你将学得更快.。这一条听起来违反直觉,所以下面我将用一个故事来解释。我的一个朋友又一次对JavaScript的一个特性感到困惑。我让他将他知道的解释给我听,然后告诉我哪儿让他困惑。当它向我解释代码,我发现他在跳步。“等会儿!”我说道。“慢慢来,然后将这些一步步解释给我听。”我的朋友直接将整个代码的功能总结给我听。我再次让他暂停。“你还是在跳步。再解释一次,这次我需要你一步步将每一行代码发生了什么解释给我听。”这一次,我的朋友能够更好的解释代码是如何运行的。关键在于他花时间去理解每一行代码而不是试图一下理解所有。
在这样这种案例中,思考的更慢实际上让你学得更快。大家都知道学习不能急于求成,学会坚持就已经超过85%的人了。
⑸ 自学前端,前端开发的学习路线是什么
自学前端其实很辛苦,需要有强大的自制力和坚持下去的学习心,并且做好详细的学习规划严格执行;如果你想学前端,下面的学习路线或许对你有帮助。
前端完整学习路线
第一阶段:
HTML CSS:HTML进阶、CSS进阶、div css布局、HTML css整站开发。
JavaScript基础:Js基础教程、js内置对象常用方法、常见DOM树操作大全、ECMAscript、DOM、BOM、定时器和焦点图。
JS基本特效:常见特效、例如:tab、导航、整页滚动、轮播图、JS制作幻灯片、弹出层、手风琴菜单、瀑布流布局、滚动事件、滚差视图。
JS高级特征:正则表达式、排序算法、递归算法、闭包、函数节流、作用域链、基于距离运动框架、面向对象基础。
JQuery:基础使用悬着器、DOM操作、特效和动画、方法链、拖拽、变形、JQueryUI组件基本使用。
第二阶段:HTML5和移动Web开发
HTML5:HTML5新语义标签、HTML5表单、音频和视频、离线和本地存储、SVG、Web Socket、Canvas。
CSS3:CSS3新选择器、伪元素、脸色表示法、边框、阴影、background系列属性改变、Transition、动画、景深和深透、3D效果制作、Velocity.js框架、元素进场、出场策略、炫酷CSS3网页制作。
Bootstrap:响应式概念、媒体查询、响应式网站制作、删格系基敬空统、删格系统原理、Bootstrap常用模板、LESS和SASS。
移动Web开发:跨终端WEB和主流设备简介、视口、流式布局、弹性盒子、rem、移动终端JavaScript事件、手机中常见JS效果制作、Zepto.js、手机聚划算页面、手机滚屏。
第三阶段:HTTP服务和AJAX编程
WEB服务器基础:服务器基础知识、Apache服务器和其他WEB服务器介绍、Apache服务器搭建、HTTP介绍。
PHP基础:PHP基础语法、使用PHP处理简单的GET或者POST请求。
AJAX上篇:Ajax简介和异步的概念、Ajax框架的封装、对象详细介绍方法、兼容性处理方法、Ajax框架的封装、Ajax中缓存问题、XML介绍和使用。
AJAX下篇:JSON和JSON解析、数据绑定和模板技术、JSONP、跨域技术、图片预读取和lazy-load技术、JQuery框架中的AjaxAPI、使用Ajax实现爆布流案例额。
第四阶段:面向对象进阶
面向对象终极篇:从内存角度到理解JS面向对象、基本类型、复杂类型、原型链、ES6中的面向对象、属性读写权限、设置器、访问器。
面向对象三大特征:继承性、多态稿衫性、封装性、接口。
设计模式:面向对象编程思维、单例模式、工厂模式、策略模式、观察者模式、模板方法模式、代理模式、装饰者模式、适配器模式、面向切面编程。
第五阶段:封装一个属于自己的框架
框架封装基础:事件流、冒泡、捕获、事件对象、事件框架、选择框架。
框架封装中级:运动原理、单物体运动框架、多物体运动框架、运动框架面向对象封装。
框架封装高级和补充:JQuery框架雏形、可扩展性、模块化、封装属于传智自己的框架。
第六阶段:模块化组件开发
面向组件编程:面向组件编程的方式、面向组件编程的实现原理、面向组件编程实战、基于组件化思想开发网站应用程序。
面向模块编程:AMD设计规范、CMD设计规范、RequireJS,LoadJS、淘宝的SeaJS。
第七阶段:主流的流行框架
Web开发工作流:GIT/SVN、Yeoman脚手架、NPMer依赖管理工具、Grunt/Gulp/Webpack。
MVC/MVVM/MVW框架:Angular.js、Backbone.js、Knockout/Ember。
常用库:React.js、Vue.js、Zepto.js。
第八阶段:HTML5原生移动应用开发
Cordova:WebApp/NativeApp/HybirdApp简介、Cordova简介、与PhoneGap之间的关系、开发环境搭建、Cordova实战(创建项目,配置,编译,调试,部署发布)。
Ionic:Ionic简介和同类对比、模板项目解析、常见组件及使用、结合Angular构建APP、常见效搏瞎果(下拉刷新,上拉加载,侧滑导航,选项卡)。
React Native:React Native简介、React Native环境配置、创建项目,配置,编译,调试,部署发布、原生模块和UI组件、原生常用API。
HTML5 :HTML5 中国产业联盟、HTML5 Plus Runtime环境、HBuilder开发工具、MUI框架、H5 开发和部署。
第九阶段: Node.js全栈开发:
快速入门:Node.js发展、生态圈、Io.js、Linux/Windows/OS X环境配置、REPL环境和控制台程序、异步编程,非阻塞I/O、模块概念,模块管理工具、开发流程,调试,测试。
核心模块和对象:全局对象global,process,console,util、事件驱动,事件发射器、加密解密,路径操做。
祝你学有所成!
⑹ 前端外包任务哪里找
一般有几种路径:
1、平台接单,
2、朋友介绍,
3、微信群,
4、QQ群。
想接私活,自己的能力要足够强,其次并不是在所谓的猪八戒,威客等平台上能接到合适的前端私活。
⑺ 做html5的有前途吗做前端工程师的职业发展路径大概是啥样子
这位网友你好,HTML5毕竟是未来web的趋势,而且还有可能颠覆现在的原生app,所以个人看来绝对有前途!
饥亏前端工程师要涉及到的知识面非常广,如果对后台语言也懂的话,那么可以走技术经理、总监这样的路线,当然这就需要有管理能力了。
如果单纯做个高级前端工程师也是不错的段肢神,反正我个人感觉可以做个顾问什握亏么的~
⑻ web前端学习路径分享,一起来看看!
1.WEB前端快速入门
在本阶段,我们需要掌握 HTML 与 CSS 基础,当然,也包含 H5 和 C3 的新特性。这个部分内容非常简单,而且非常容易掌握。相信你也更愿意学习这个部分,毕竟他可以让你最直观的感受到前端的魅力。为了锻炼大家写代码,可以根据你喜欢的站点去实现效果。这一阶段是非常重要的基础阶段,所谓基础就是可能这个阶段我们的学习的内容,可以让我们开发出来绚丽网站站点,但是功能丰富却暂时做不到。
为了完成更绚丽的站点,我们需要掌握常见特效的实现,利用 css3 和 h5 的新特性实现动画,布局,雪碧图,滑动门,tab 切换等特效。并且掌握基础的站点优化内容。例如 sprite 等。虽然我们还不能完成更多交互内容,但是我们会学习到很多的知识模型和理论,而这些知识模型和理论是我们后期工作和学习的基石。扎实的基础有了,我们才能走的更稳更快。
2.JavaScript 基础与深入解析
JavaScript 语言非常重要,可以说学习前端本质就是学习“JavaScript”编程。后面学全部都是基于JavaScript 的。JavaScript 语言可以让网页元素具备动态效果,让体验度更加流畅。在本阶段中,我们主要学习基础 JavaScript 语法与深入解析 JavaScript,包含 DOM 操作同时也涵盖了面向对象和设计模式,课程也涵盖了兼容性处理和数据解析。希望大家在本阶段可以熟练掌握这些知识点。
3.jQuery 应用与项目开发
jQuery 是一个快速、简洁的 JavaScript 框架,jQuery 设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装 JavaScript常用的功能代码,提供一种简便的 JavaScript 设式,优化 HTML 文档操作、事件处理、动画设计和 Ajax交互。在本阶段,我们注重讲解如何更好的应用 jQuery 以及他的设计方式,同时也包含jQuery 扩展内容。
4.PHP、数据库编程与设计
后端服务器工程师需要了解前端的基本知识,同样,前端工程师也必须了解服务器端编程的基本内容。我们可以不精通,但必须知道整体的流程。作为一名前端开发工程师,会一门后端语言是必然的。希望本阶段的内容能帮助你快速掌握前后端交互数据。通过学习 PHP,前端工程师也能称为“全栈工程师”。既能做前端开发,也能做后端服务器开发。
以上就是青藤小编关于web前端学习路径的相关内容分享,希望对大家有所帮助,想要了解更多相关内容,欢迎大家及时关注哦!
⑼ 刚踏入社会工作,在做WEB开发,学习各种前端技术,请问在工作之余像我这种岗位有哪些途径可以赚取外快
1. 威客。
2. 自己用建站系统,搭建网站,运敬核营网站。
3. 做企业亮岩掘产品展示网站,卖给企业,需枣册要自己找客户。