前台学到什么地步,能出去找份工作,进公司做前台?

作者 : 开心源码 本文共3867个字,预计阅读时间需要10分钟 发布时间: 2022-05-13 共117人阅读

前台开发学到什么地步,能出去找工作?

下面是北京和上海,招聘web前台开发工程师的要求。以及需要做些什么,工作的内容。

那么对于零基础该怎样学习自学前台呢?以下是我的分享

工具篇

工欲善其事,必先利其器,所以在开始之前选择一个合适好用的编辑器是很重要的,工具不再多,在于好用就行,除了编辑器,我们也要掌握其余的少量工具,才能够让我们在学习的道路上更加的顺畅。

WebStorm

不必多说,前台最强大的编辑器,特别是那无敌的智能提醒,但是它的缺点在于假如项目多于大时,出现的卡慢让很多人苦恼。

Google

在使用「Google」之前必需学会***,不然无法访问,学会使用搜索可以帮助我们处理很多问题,一个人的知识是有限的,掌握了搜索的技巧才能以不变应万变,很多时候百度出来的东西重复性很大,最重要的是垃圾信息很多,在百度找不到的答案,在这里很容易找到,Google 是我的必备搜索。

Github

全球最大的「同性」开源交流社区,没有账号的赶紧注册,在这有很多优秀的资源项目,各种大神。观摩优秀代码是我们学习的很好路径。另外在开发过程中,很多时候任务重、时间紧,应该避免重复造轮子,这里能够找到你需要的工具或者代码。

Stack Overflow

国外著名的技术问答交流社区,开发时碰到的很多问题在这里都能找到答案。

SegmentFault

对应的国内版的技术问答交流社区,假如你英文不好,也可以在这里找找答案。

Markdown

Markdown 轻量级标记语言,简洁的语法,让作者专注内容而非复杂的格式要求,我认为人人都应该掌握,特别是经常写博客的人。想想你在用 world 时的场景,每次写完文章之后,不得不话费很多时间进行格式的排版,使用它你即可以避免这些烦恼。

· Markdown 中文文档

· 有道云笔记:我自己一直在用的在线 Markdown 编辑器。

需要学习的技术知识点和学习路线,学习方法

HTML 篇

少量准备就绪之后,开始我们的学习之旅,首先我们先从 HTML 开始。

HTML名为「超文本标记语言」,是整个页面的结构基础,它承载了我们的页面内容。

基础

· w3school 在线教程:内容非常的基础,适合小白学习,对 HTML 有一个入门理解。

· freeCodeCamp:一个非常好的入门学习网站,采用闯关的模式,就像游戏打怪更新一样,非常的有乐趣,准备自学的小伙伴不妨试试。

进阶

· MDN HTML:这里的内容质量更好,错误更少,内容也更加的全面。

· HTML和CSS编码规范:掌握少量代码技巧,写出更好,更高质量的代码。

CSS 篇

HTML 承载了页面的内容,但是有时候会略显单调与「丑陋」,CSS 的作用就是为这些内容加上样式,就像一个美女也要有漂亮的外衣去修饰才会更加漂亮,「人靠衣装马靠鞍」,网页的内容也是需要穿上一件漂亮的外衣去吸引客户。而 CSS 则完成了这个装饰。

基础

· 学习CSS布局:带你一步一步的完成 CSS 的学习。

· CSS参考手册:对CSS可以有一个全面入门的学习。

· w3school CSS 参考手册:同上也是非常基础的知识,适合入门。

进阶

书籍:

《CSS揭秘》:非常推荐的一本 CSS 书籍,可以学到很多鲜为人知的技巧。

在线系列:

· MDN CSS:和 HTML 都是 MDN 社区文档,质量保障。

· HTML和CSS编码规范:掌握少量代码技巧,写出更好,更高质量的代码。

· 大漠老师的CSS系列:大漠老师对CSS有非常深入的认识和丰富的实践经验,《图解CSS3:核心技术与案例实战》的作者。

· 大漠老师的SASS系列:大漠老师的 sass 文章系列。

· SASS中文网:成熟、稳固、强大的 CSS 扩展语言解析器,它可以让你使用变量,条件语句等书写 CSS。

· Stylus官网:同样是 CSS 预编译器,但它省去了少量符号,让 CSS 写起来更加的简洁,清新。

· HTML5和CSS3:详解HTML5 和 CSS3。

知识点:

· 别说你懂CSS相对单位:深入理解 CSS 的相对单位rem,em区别。

· CSS 进阶内容:常见知识点的深入理解。

· Flex 布局教程:语法篇:阮一峰老师的flex讲解。

· Flex 布局教程:实例篇:阮一峰老师的flex讲解。

· “CSS相关”目录存档:张鑫旭大佬的CSS系列文章,深入浅出,《CSS世界》作者。

· CSS绘制的40种形状和图形:利用CSS绘制出的40各种图形形状。

· CSS-大前台:少量 CSS 的知识点。

进阶

·JavaScript语言精粹:揭示·JavaScript中的精华。

·JavaScript秘密花园:对 JS 少量的核心知识点进行梳理讲解,例如:this,闭包/作用域,构造函数,原型等等,都是面试必考知识点。

· ECMA 6 入门:阮一峰老师ES6入门书籍,全面详情 ECMA 6 新引入的语法特性。

· ·JavaScript使用技巧:可以认识到少量你平常没有接触过的小技巧。

· 深入了解·JavaScript原型和闭包系列:详细解释了原型和闭包,看完之后对原型与闭包让你彻底明白。

· 大漠老师的·JavaScript系列:大漠老师的·JavaScript系列文章。

··JavaScript算法与数据结构:基于·JavaScript的算法与数据结构,让你愉快的学习。

·JavaScript中的正则表达式:我自己的一篇正则表达式的文章,希望对你有帮助。

· 30分钟掌握ES6/ES2015核心内容(上)

· 30分钟掌握ES6/ES2015核心内容(下):阐述了少量常用的ES6的知识点。

· 学用 ·JavaScript设计模式:阐述·JavaScript编程语言中经典和现代的设计模式。

· 你不懂JS(系列丛书)

· InterviewMap:聚集了很多知识点,包括JS,浏览器,性能等。

· 30 秒就能了解的·JavaScript代码片段:让你更好的了解少量有用的JS代码片段。

Type篇

ES6 的超集扩展,严格的数据类型,带来更好的维护,适合大型项目的开发工作,有人说它是未来的发展趋势,你说要不要理解?

· Type 中文手册:官网翻译版。

· Type Handbook(中文版):中文版。

· RxJS 中文文档:中文官网。

· 30 天精通 RxJS (01):認識 RxJS :繁体字可能阅读起来并没有那么顺畅。

Jquery篇

虽说现在已经是单页面应用时代,有React,Vue 这种强大的框架可以使用,但也不缺乏少量老的项目需要维护,而且在学习之初,可以用它做两个简单的应用还是不错的,可以相对理解下基本用法,它可以让你更好,更方便的操作DOM。但不建议再深度学习。

· 《锋利的jQuery(第2版)》:一本很不错的 Jquery 学习书籍。

· jQuery API中文文档:JQuery 中文教程。

Ajax篇

掌握了的HTML、CSS、Java时,这时候可以尝试自己做少量项目了,而项目中一定会有数据的交互,这时候就是 Ajax 的用武之地了。

· 廖雪峰AJAX:廖雪峰大佬的博客知识。

· 对象:阮一峰老师的AJAX详解。

· JSON风格指南:前后台的交互数据通常都是 JSON 格式,所以理解 JSON 是必要的。

NodeJS与模块化

NodeJs 的出现让前台发展进入了一个新的领域,并且滋生出专业的 Node 工程师,不仅如此 Node 在前台模块化,工程化起到很重要的作用,所以理解是必需的,假如感兴趣的可以深入学习,可以向全栈工程师发展。

·JavaScript模块化编程(一):模块的写法

·JavaScript模块化编程(二):AMD规范

·JavaScript模块化编程(三):require.js的用法

· 前台模块化开发那点历史:理解下,前台模块化的发展。

· Node.js 官方

· 狼叔:如何正确的学习Node.js:狼叔江湖地位颇高,《更了不起的 Node.js》的作者。

· 全栈工程师之路-Node.js

框架篇

随着日益复杂的客户需求,与系统的复杂度上升,传统的开发模式日渐的很难满足,此时的三大框架孕育而生,让开发者更加高效,可复用,把关注点都放在数据层的操作,免去那些繁琐而又重复的视图操作。

现在框架的能力已经是前台开发人员必备的技能之一也是趋势,三大框架的「最终目的」都是一致的,我认为开发者不必纠结于究竟应该选择哪一个学习,可以选择其中的两个是最好的。对于刚入门的人来说,建议选择 Vue 入手,比较简单,灵活。

· MVC,MVP 和 MVVM 的图示:在学习框架之前,你应该理解下MVVM的设计思想。

· 框架原理:理解少量框架的基本原理。

Angular

· Angular:Angular官方社区。

· Angular开发者:大漠穷秋老师维护的站点,Angular中国布道者。

· NG-ZORRO:Angular UI 组件库,阿里巴巴出品。

Vue

· Vue:官网,最好的学习资料。

· 我的Vue进阶之路:厚着脸皮贴出来,自己的少量学习总结,希望对你有所收获,哪怕一点点。

· 使用vue全家桶制作博客网站

· Element:一个高质量的 Vue UI 组件库。饿了吗前台团队出品。

· Vue 项目里戳中你痛点的问题及处理办法(升级):做项目难免回去到坑,这里你或者许可以找到答案。

React

React我理解不多,所以就没什么好推荐的了,大家可自行学习。

· React官网

我目前是在职前台开发,假如你现在也想学习前台开发技术,在入门学习前台的过程当中有遇见任何关于学习方法,学习路线,学习效率等方面的问题,你都可以申请加入我的前台学习交流裙::603 :985 :993。里面聚集了少量正在自学前台的初学者裙文件里面也有我做前台技术这段时间整理的少量前台学习手册,前台面试题,前台开发工具,PDF文档书籍教程,需要的话都可以自行来获取下载。

说明
1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!
2. 分享目的仅供大家学习和交流,您必须在下载后24小时内删除!
3. 不得使用于非法商业用途,不得违反国家法律。否则后果自负!
4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
5. 如有链接无法下载、失效或广告,请联系管理员处理!
6. 本站资源售价只是摆设,本站源码仅提供给会员学习使用!
7. 如遇到加密压缩包,请使用360解压,如遇到无法解压的请联系管理员
开心源码网 » 前台学到什么地步,能出去找份工作,进公司做前台?

发表回复