image
首先了解 web 前端
Web 前端开发是从网页制作演变而来的, 名称上有很明显的时代特征. 在互联网的演化进程中, 网页制作是 Web1.0 时代产物, 那时网站的主要内容是静态的, 用户使用网站的行为也以浏览为主.
'2005 年以后, 互联网进入 Web2.0 时代, 各种类似桌面软件的 Web 应用大量涌现, 网站的前端由此发生了翻天覆地的变化. 网页不再只是承载单一的文字和图片, 各种富媒体让网页的内容更加生动, 网页上软件化的交互形式为用户提供了更好的使用体验, 这些都是基于前端技术实现的.
说得直白点就是美工 Photoshop, 交互设计, flash,JS,html+CSS. 就小规模公司而言, 一个技术员都得会这几样技能, 这样很锻炼人的, 慢慢的你就会成为公司的主力. 大规模的公司把这些分得很细, 所以, 你可以精通一门, 熟悉其他的, 进军大公司.
网页开发工具
学习 Web 前端开发, 网页开发工具有 FrontPage, 会用 Word 的人很容易学会 FrontPage. 还有一个常用的是 Dreamweaver.
这两种都是使用最多的 HTML 网页制作工具, 我使用的是 Dreamweavercs6, 因为这套软件提供了一套直观的可视界面, 融合了 html5 一些新的内容. 包括网格布局什么的.
image
Web 前端需要学习的技术
HTML,CSS 和 JavaScript.HTML 是内容, CSS 是表现, JavaScript 是行为. 前端开发的门槛其实非常低, 与服务器端语言先慢后快的学习曲线相比, 前端开发的学习曲线是先快后慢.
所以, 对于从事 IT 工作的人来说, 前端开发是个不错的初入点. HTML 是最基础的, 现在流行的是 html5 设计, 先学会网页布局. CSS 是用来美化 HTML 页面的为页面提供布局和格式. 最后再学 JavaScript.
基础知识:
1,HTML + CSS. 边学边练, 之后可以模仿一些网站做些页面. 理解 CSS 每个元素的属性, 样式的实现不一定只有一种写法, 多想一想还有没有什么需要改进的地方.
2,JavaScript. 不是所有的网页都必须有 JS, 但是要想实现一些超酷的功能和界面的时候, 就需要涉及到 JS. 如果没有其他编程语言的基础的话, 学起来可能要费些力, 还是建议先学习. 之后看一些 JavaScript 方面的入门书籍.
3,Photoshop,flash. 熟悉会一点儿就行了, 没必要全部都学得精通, 当然如果你在学习的过程中, 发现你 ps 或者 flash 比较感兴趣的话, 也可以尝试做美工这一行.
4,html5 和 css3. 可以先了解一下, 然后再入手. 毕竟 IE 的浏览器大多还不支持.
5, 浏览器兼容. 懂 Web 标准, 熟练手写 xhtml css3 并符合符合 w3c 标准. 代码能兼容主流浏览器 Firfox,Chrome,Safari,IE,Opera. 虽然 IE6 很多都不兼容, 但现在还使用的人还是有的. W3C 验证地址, 通过验证指定 URI 的 CSS 内容, 可以帮我们检查一下有没有错误.
6, 熟悉一门后台编程语言 asp,PHP,jsp 等.
image
Web 前端工程师的前景
遇到很多想换行的朋友, 第一句就问, 这行赚钱吗? 我相信一句话, 没有付出, 是没有回报的! 前面已经说过了, 咱们这行门槛不高的, 所以薪资阶段也不一样.
参考: 10000 以上 (上海北京深圳为例) 网页设计师课程一般包括: Photoshop,Fireworks, 用户界面设计实操, xhtml,CSS,dreamweaver, 网站架构与网站策划, flash 动画制作, 域名与空间, ftp,dhtml,JavaScript, 动态交互网站(asp,PHP,aja).
年初整理了一批 Web 前端教程, 帮助想要成为 Web 前端程序员的人. 从零基础到各种框架的教程都有. 只需要加入到 Web 前端学习 qun:296,212,562. 即可免费领取, 学习过程中有任何问题可以在里面问. 种一颗树最好的时间是十年前, 其次是现在. 只要想学习, 不存在早晚.
来源: http://www.jianshu.com/p/9b900caf1aea