前端必备的技能
以下是个人觉得入门阶段应该熟练掌握的基础技能:
HTML4,HTML5语法、标签、语义
CSS2.1,CSS3规范,与HTML结合实现各种布局、效果
Ecma-262定义的javascript的语言核心,原生客户端javascript,DOM操作,HTML5新增功能
一个成熟的客户端javascript库,推荐jquery
一门服务器端语言:如果有服务器端开发经验,使用已经会的语言即可,如果没有服务器端开发经验,熟悉Java可以选择Servlet,不熟悉的可以选PHP,能实现简单登陆注册功能就足够支持前端开发了,后续可能需要继续学习,最基本要求是实现简单的功能模拟,
HTTP
在掌握以上基础技能之后,工作中遇到需要的技术也能快速学习
基本开发工具:
文本编辑器:推荐Sublime Text,支持各种插件、主题、设置,使用方便
浏览器:推荐Google Chrome,更新快,对前端各种标准提供了非常好的支持
调试工具:推荐Chrome自带的Chrome develop tools,可以轻松查看DOM结构、样式,通过控制台输出调试信息,调试javascript,查看网络等
辅助工具:PhotoShop编辑图片、取色,fireworks量尺寸,AlloyDesigner对比尺寸,以及前面的到的Chrome develop tools,
学习方法和学习目标:
方法:
入门阶段反复阅读经典书籍的中文版,书籍中的每一个例子都动手实现并在浏览器中查看效果
在具备一定基础之后可以上网搜各种教程、demo,了解各种功能的实际用法和常见功能的实现方法
阅读HTML,CSS,Javascript标准全面完善知识点
阅读前端牛人的博客、文章提升对知识的理解
善用搜索引擎
目标:
熟记前面知识点部分的重要概念,结合学习经历得到自己的理解
熟悉常见功能的实现方法,如常见CSS布局,Tab控件等。
继续提高:
有了前面的基础之后,前端基本算是入门了,这时候可能每个人心中都有了一些学习方向,如果还是没有。 可以参考前面必备技能部分提到的那两个项目,从里面选一些进行发展学习。以下是一些不错的方面:
Grunt:前端自动化工具,提高工作效率
less css:优秀的CSS预处理器
bootstrap:优秀的CSS框架,对没有设计师的团队很不错,与less结合使用效果完美
requirejs:AMD规范的模块加载器,前端模块化趋势的必备工具
Node.js:JavaScript也可以做后台,前端工程师地位更上一步
AngularJS:做Single Page Application的好工具
移动端web开发:智能手机的普及让移动端的流量正在逐步赶超PC端
Javascript内存管理:SPA长期运行需要注意内存泄露的问题
High Performance JavaScript(Build Faster Web Application Interfaces)
Best Practices for Speeding Up Your Web Site:重要技能
- 浏览: 107957 次
- 性别:
- 来自: 天津
文章分类
最新评论
发表评论
-
腾讯全端 AlloyTeam 团队 Blog 地址
2016-04-22 12:42 669腾讯全端 AlloyTeam 团队 Blog http:/ ... -
转 浅谈浏览器http的缓存机制
2016-04-22 12:39 591原文:http://www.cnblogs.com/vajo ... -
转 谈谈HTTP协议中的短轮询、长轮询、长连接和短连接
2016-04-22 12:05 455原文:http://web.jobbole.co ... -
cookie和session的区别
2016-02-21 18:56 333http://blog.csdn.net/fangaoxin ... -
转 浏览器缓存知识小结及应用
2016-02-06 09:53 576作者:流云诸葛 出处 ... -
自己对前端的一些总结
2016-02-04 08:45 506前端一些框架当前比 ... -
现代浏览器的工作原理
2016-02-03 09:03 396原文http://blog.jobbole.com/127 ... -
转 最佳的 JavaScript 前端框架、库和工具
2016-01-28 09:50 562原文http://web.jobbole.com/8464 ... -
web应用上线之前应该了解的技术细节
2016-01-27 09:40 630原文http://blog.jobbole.com/8678 ... -
HTTP协议简介
2016-01-27 09:36 560原文:http://blog.jobbole.c ... -
转 如何挑选适合的前端框架?
2016-01-29 09:18 555摘要:前端框架不断 ... -
转 Web应用组件化的权衡
2016-01-24 14:43 621原文https://github.com/ ... -
前端性能优化-资源预加载
2016-01-24 14:38 472原文 http://web.jobbole.com/84256 ... -
转 快速提升前端性能
2016-01-24 14:31 687原文:http://web.jobbole.com/835 ... -
转 前端工程与性能优化
2016-01-24 14:29 513原文:http://fex.baidu.com/blog/2 ... -
转 URL详解与URL编码
2016-01-29 09:17 763作为前端,每日与 URL 打交道是必不可少的。但是 ... -
JS开发者常用的10个Sublime Text插件
2016-01-22 20:52 957原文http://web.jobbole.com/8 ... -
jQuery 小技巧
2016-01-22 20:42 428原文http://web.jobbole.com/84028 ... -
从输入 URL 到页面加载完成的过程中都发生了什么事情?
2016-01-22 20:38 456原文 http://fex.baidu.com/blo ... -
10 个 CSS3 代码生成工具
2016-01-22 20:32 726英文:Jake Rocheleau 英文地址:h ...
相关推荐
作为前端开发者,我们都知道调试是一项必不可少的技能,它能帮助我们解决琐碎的 bug、提高代码质量并加速项目的开发进程。但是,调试并不总是一帆风顺,有时候我们可能会被不明确的错误信息或复杂的代码逻辑困扰。...
Webpack入门视频教程.txt 前端必备技能,助你快速掌握
node.js 入门视频教程 20集(含源码).txt 前端必备技能
less从入门到精通.txt 前端必备技能,助你快速掌握
亚信java笔试题 keep-learning 收集跟前端有关的学习资讯 ...前端工程师必备的PS技能——切图篇 结合个人经历总结的前端入门方法 工具类 工具类 地址 前端人的俱乐部 真可以解放你的收藏夹 如何优雅
End-Develop-Guide 前端开发指南前端开发笔记本大前端工具集 - 聂微东前端开发者手册入门类前端入门教程瘳雪峰的Javascript教程jQuery基础教程前端工程师必备的PS技能——切图篇结合个人经历总结的前端入门方法效果...
亚信java笔试题 ...前端工程师必备的PS技能——切图篇 结合个人经历总结的前端入门方法 工具类 工具类 地址 前端人的俱乐部 真可以解放你的收藏夹 如何优雅地使用Sublime Text 新编码神器Atom使用纪要 css s
前端工程师必备的PS技能——切图篇 结合个人经历总结的前端入门方法 效果类 地址 弹出层 焦点图轮播特效 工具类 地址 css sprite 雪碧图制作 版本控制入门 – 搬进 Github Grunt-beginner前端自动化工具
第一章Vue三部曲彻底搞定前端项目开发 , 第二章一线大厂必备Vue技能,第三章JavaScript小白基础入门,第四章年薪30万面试专题课
ECMAScript6(ES6)入门最全视频教程.txt 前端必备技能,助你快速掌握
前端工程师必备的PS技能——切图篇 结合个人经历总结的前端入门方法 效果类 地址 弹出层 焦点图轮播特效 工具类 地址 css sprite 雪碧图制作 版本控制入门 – 搬进 Github Grunt-beginner前端自动化工具 慕课专题 地
前端工程师必备的PS技能——切图篇 结合个人经历总结的前端入门方法 效果类 地址 弹出层 焦点图轮播特效 工具类 地址 css sprite 雪碧图制作 版本控制入门 – 搬进 Github Grunt-beginner前端自动化工具
jQuery Mobile基础入门全部视频教程_(1-12)+源码.txt 前端必备技能
java安卓仿微信聊天软件源码 内容整理自 's repositories: 。 综合类 地址 ...前端工程师必备的PS技能——切图篇 结合个人经历总结的前端入门方法 效果类 地址 弹出层 焦点图轮播特效 工具类 地址 cs
java安卓仿微信聊天软件源码 Front--end Front--end--tutorial 综合类 | 地址 --- | --- 前端知识体系| 前端知识结构| ...前端工程师必备的PS技能——切图篇| 结合个人经历总结的前端入门方法| 效果
前端工程师必备的PS技能——切图篇 结合个人经历总结的前端入门方法 效果类 地址 弹出层 焦点图轮播特效 工具类 地址 css sprite 雪碧图制作 版本控制入门 – 搬进 Github Grunt-beginner前端自动化工具
前端工程师必备的PS技能——切图篇 结合个人经历总结的前端入门方法 效果类 地址 弹出层 焦点图轮播特效 工具类 地址 css sprite 雪碧图制作 版本控制入门 – 搬进 Github Grunt-beginner前端自动化工具
前端工程师必备的PS技能——切图篇 结合个人经历总结的前端入门方法 效果类 地址 弹出层 焦点图轮播特效 工具类 地址 css sprite 雪碧图制作 版本控制入门 – 搬进 Github Grunt-beginner前端自动化工具
前端工程师必备的PS技能——切图篇 结合个人经历总结的前端入门方法 效果类 地址 弹出层 焦点图轮播特效 工具类 地址 css sprite 雪碧图制作 版本控制入门 – 搬进 Github Grunt-beginner前端自动化工具