今天来和大家讲讲 web 前端开发需要学习什么? 前端开发又需要用到哪些开发工具? 然后也简单的和大家介绍下前端开发的前景和薪水工资情况, 下面就简单和大家介绍一下.
Web 前端的职能
Web 前端工程师其实在不同的公司, 有不同的职能, 但是称呼都是类似的.
1. 做网站设计, 网页界面开发
2. 做网页界面开发
3. 做网页界面开发, 前台数据绑定和前台逻辑的处理 (我是属于这种的)
4. 设计, 开发, 数据
Web 前端需掌握的核心技术
1, 学习 html.
这个是最简单的, 也是最基础的. 要熟练掌握 div,form table,ul li ,p,span,font 这些标签, 这些都是最常用的, 特别是 div 和 table,div 用于布局, table 也可以用于布局, 但是不灵活, 基本 table 是用来和数据打交道.
2, 学习 CSS.
这里说的 CSS 不包括 css3, 一般我们看到 Web 前端开发工程师的要求里面, 有一个会使用 CSS+HTML 或者 CSS+div 来进行界面布局, 所以 CSS 是用于辅助 HTML 来布局和展示的, 我们称之为 "css 样式", 为什么会说 CSS+div 呢? 因为我上面说了 div 就是 HTML 主要用于布局的东西, 所以 div 就是核心掌握的东西! 那么 CSS 肯定必须要配合 div 来使用才好. CSS 要熟练掌握 float,position,width,height, 以及对于的最大最小, 会使用百分百, overflow,margin,padding 等等, 这些都是跟布局有关系的样式, 一点要掌握.
3, 学习 JS.
可能前两个大家觉得还过的去, 看到 JS 就蛋疼了, 其实吧, JS 入门很简单的, 不需要会很多东西的, 只要会根据某个 id, 或者 name 拿到网页 dom 或者样式, 或者值, 然后会给某个 id 或者 name 的元素标签赋值, 或者追加数据, 追 HTML, 这个是跟数据有关系的操作, 然后数据逻辑判断, 效果方面的, 无非就是跳转, 弹框, 隐藏什么的, 把这些全部结合其他就是实际用途了, 代码一点都不难, 会了这些基础 JS, 其他的直接百度就好了. 然后看多了, 用多了, 就什么都不是问题了.
4, 学习 jQuery.
jQuery 是相当于把 JS 封装了一套的一个 JS 插件, 目的就是操作起来更方便, 代码写的更少, jQuery 入门也很简单, 那些是入门需要学的和 JS 一样, 只是换成了 jq 的代码. 其他的一样百度就够了.
5, 最好会点后台语言.
比如 java,PHP, 为什么呢? 因为我们前台界面的数据都是从后台来的, 如果会点后台代码, 就知道怎么跟后台交互数据是最好的, 这样节约时间, 也可以让前端代码更规范. 不然可能因为你的写法和后端给来的数据不能结合上, 那么前端代码又得重新写, 那就更蛋疼了.
6, 学习 css3+html5.
为什么这个放最后呢? 哈哈, 因为我自己也不太会, 毕竟术业有专攻嘛, 虽然这个很流行, 但是我是搞后端的, 在工作中用不到它, 只有在自己网站需要改样式, 或者朋友网站样式出问题的时候, 我才会去临时去研究下. 但是如果你们是准备专门搞前端, 那么最好还是学一下的.
上面 6 点, 基本是一个搞 Web 前端开发工程师需要掌握的技术, 然后我也尽量的把自己的一点点经验告诉了大家, 但是大家不要以为上面 6 点就只有我说的那么容易, 不, 他们之所以被人使用, 之所以这么火, 就是因为强大! 我说的这么简单仅仅是打消你们觉得很难的原因, 万事开头难, 我讲的都是入门的方法和技巧以及需要知道的东西. 另外告诉大家一个秘密, 不要以为代码很难敲, 现在什么语言都有自动提示代码的功能, 只需要输入一个字符, 两个字符, 后面的代码都会弹出来让你选择! 还怕啥呢? 所以你也不要怕你英语不好了.
Web 前端薪资待遇
这个是个敏感的话题, 我是在上海这边, 2 年工作经验的 Web 前端开发工资差不多 10K~15K, 如果你会些后台技术, 并且前端技术很牛逼的话, 到 20K 也是可能的. 这个工资的多少主要取决于你的技术情况, 所以工资也不一定的. 但是北上广的一个 Web 前端工程师的市场价差不多就是这样, 如果是二线省会城市, 可能就是 8K~10K, 也是不错的. 我们搞技术这个行业, 工资的多少取决于你技术的好坏.
Web 前端必备开发工具
最常用的就是 dreamweaver, 推荐大家使用 dreamweaver cs6,cs6 之前的貌似问题挺多的, cs6 目前是功能最强大, 问题最少的了, dw 有一个比较方便的就是可视化编程, 可以边看效果边敲代码, 还有自动提示代码的功能.
还有就是 ediplus, 这个其实就相当于一个字体有颜色的记事本, 我就是用这个, 因为我感觉 dw 占用内存太多了, 搞的电脑卡, 所以我直接用 ediplus 写代码, 至于这个有没有代码自动提示功能我就不知道了, 大家可以百度下是否有相关插件. 还有就是 eclipse 可以写 java,PHP 还有上面的各种代码! Zend Studio 是专门写 PHP 的, 但是上面这 2 种工具比较专业, 是我们专业开发人员用的, 所以大家自己看着办. Photoshop 这个就不用说了.
我目前是在职前端开发, 如果你现在也想学习前端开发技术, 在入门学习前端的过程当中有遇见任何关于学习方法, 学习路线, 学习效率等方面的问题, 你都可以申请加入我的前端学习交流裙: 前面: 603 中间: 985 最后: 993. 里面聚集了一些正在自学前端的初学者 裙文件里面也有我做前端技术这段时间整理的一些前端学习手册, 前端面试题, 前端开发工具, PDF 文档书籍教程, 需要的话都可以自行来获取下载.
来源: http://www.jianshu.com/p/63813e4bfa5a