Web培训

热门话题:

Web前端培训 > Web前端问答 > 正文

web前端开发如何实现华丽转身？

发布：Web前端培训
来源：Web前端问答
时间：2017-07-19 09:58

作为刚接触web前端开发或者已成为前端工程师的你，是否经常碰到以下疑问：

1、零基础从哪里开始学web前端？

2、学web前端要学习哪些语言？

3、学完web前端能做什么？

4、发展成为高级前端工程师需要掌握哪些核心技术？

5、如何在前端开发这种高精尖的技术领域找到心仪的工作？

6、如何实现在咖啡馆喝喝咖啡敲敲代码就能升职加薪、买房买车的职业梦想?

达妹今天带着你对web前端进行一次深度剖析，让你实现从小白到互联网大牛的转变。

初识前端

前端开发工作已经变的越来越复杂，仅仅是想罗列一份前端开发的学习列表就已经是一件艰巨的工作。曾经只要会编写 HTML, CSS 和Java 就是能够找到一份前端开发工作的全部要求。而现在，web 开发远远不止是简单编码。

因为我们的互联网上有了更多的内容，也因为有更多的人、更多设备可以访问互联网, web 前端开发技能也就更多了。我们现在需要考虑的问题很多，比如载入时间，性能，不同的屏幕尺寸, 不同的输入方式, build 系统, 部署策略，还有如何组织好我们的代码。

这还是想象中前端开发么?好吧，其实只要你有热情，这些还是很有趣的，现在就来仔细看看，一份前端开发的工作，到底需要你准备些什么?

入行行头：5大硬件

请准备好以下东西：

一颗人类的大脑：智商在平均水平线以上即可

一份强烈的渴望：我的代码要可以运行在任何一个有浏览器的设备上。

一台笔记本电脑：不需要花费很多钱得那种，只要它可以运行 Windows, Mac OS X, 或 Linux 系统。当然你也可以只用一台台式机，但是那样就不能带着它坐在咖啡馆里...

一个文本编辑器：可以推荐的比如 Atom,Visual Studio Code, TextMate, 它们都有在 Mac OS, Windows 的免费版本，什么还有 Sublime, WebStorm? 啊，那些都很流行，不过需要需要一笔不少于 70 美元的花费...

一个翻墙代理：这个大家都懂的，我就不解释了

初级资质要求

一些专业基础：

你需要学会浏览器能理解的三大语言：HTML, CSS, Java - 神圣的三位一体!

非常重要的一点是，一定要理解这三大语言后再去学习别的，确保知道怎样在各种尺寸的屏幕上排列好你的网页，怎样在一个按钮被按下后 do something!

中级进阶路径

一旦掌握了三大语言，就可以开始学习专业的开发流程啦：

Command line：好吧,命令行也许都会,但是要掌握最基本的操作,熟悉怎样配置你的环境,还有那些奇怪的 shell 脚本，因为你会经常用到它们。

CSS 已经不够用了,我们有了 CSS 的预处理：Sass, LESS。

知道如何搭建一个 build 系统：Gulp 或 Grunt 这类的构建任务脚本器,编译 LESS 成 CSS, concatenating Java, minify 压缩静态资源, 选一个异步或同步的方式加载它们，然后一个好的 build 系统要能自动做到那些,包括一个本地的 web 服务器用于测试代码。

高级炸裂装备

你已经能够为你朋友的业务搭建一个网站了，简洁的排版，高清大照片，你成功了，它甚至在你的手机都看着很棒。

那么还有什么值得学的?

把你的网站和一个内容管理系统 (CMS)集成在一起。一个 CMS 能够让你通过用户界面增、删、改、组织你的内容，不需要任何代码。这就是那些博客网站如何工作的。比如免费的 WordPress，去熟悉一个开源的CMS 吧，会很有用的。

学习怎样搭建一个 CMS，意味着你讲要熟悉一个服务器端的语言，比如Node.js, 或 PHP，然后你还会想要知道怎样和数据库打交道，比如MySql 或者MongoDB。

来熟悉一种Java框架吧，这样你可以真正的搭建一个交互出色的 web 应用，那真的很重要，比如 Angular, React, Ember。只要挑一个你喜欢的，但是一定要精通它。

Java design patterns，java 也有设计模式? 是的，读一下吧。