推荐: LOGO设计微信开发包装设计游戏开发接口开发手机网站开发VI设计文字设计Web前端开发网页设计客厅装修情人节表白Oracle数据库网站建设个人网站建设微信客户端

热门搜索: LOGO设计微信开发VI设计网站建设网站推广

当前位置: 威客百科 > Web前端开发 > web前端开发教程
免费发布需求,接收报价与方案

web前端开发教程

什么是Web前端开发?

猜您需要: 【Web前端开发框架】【Web前端开发薪资】【Web前端开发工具】【web前端开发书籍】【Web前端开发面试题】【Web前端开发前景】

    Web前端开发工程师是一个入门门槛比较低的位置,这是公认的了,但是要成为一个资深的高级Web前端开发工程师只靠码程序是不够的,怎么做一个资深Web前端开发工程师,这里总结了10步奏教程教你成材。
web前端开发教程
    Web前端开发工程师步骤1:奠定基础
    《The pragmatic programmer》帮助我们掌握软件是一个很好的起点。这本书总结了高水平的实践探索。和我们使用的是什么语言/技术无关。无论你选择的是哪种技术堆栈,他的主要原理都是一样的。

    Web前端开发工程师步骤2:掌握你的编程语言
    你以后每天需要面对哪种编程语言取决于你今天选择的技术。但是编程语言总有主次之分。例如,Ruby on Rails 开发人员主要使用 Ruby,AngularJS 开发人员大多数时间用的是 JavaScript。确定编程语言、掌握编程语言对你的职业生涯发展至关重要。因为以后你每天都会使用它!推荐你先阅读有关书籍。
    《The swift Programming language》之于 Ruby设计开发人员,和《Programming Ruby 》之于 iOS设计开发人员。

    Web前端开发工程师步骤3:学习框架
    选一个,然后好好学习:
    对于 Rails设计开发人员——《Rails tutorial 》by Michael Hartl
    对于 iOS设计开发人员——《iOS programming: The Big Nerd Ranch Guide》

    Web前端开发工程师步骤4:掌握文本编辑器/ IDE
    再选一个,之后坚持不懈地掌握这个工具。如果你选择的是 VIM,必须要成为它的主人,让它往东就往东。
    Web前端开发工程师步骤5:选择使用版本控制系统
    我建议使用 Git。这下面是我喜欢的资源:Pro Git——免费的在线电子书,详细讲解了 git 的各个方面。

    Web前端开发工程师步骤6:做好测试驱动开发
    将 TDD 添加到你的技术堆栈中。养成每天 TDD 的习惯。高质量的代码源于良好的测试。
    对于 Ruby on Rails 开发人员——《rails test prescriptions》
    对于 iOS 开发人员——《Test Driven iOS Development》

    Web前端开发工程师步骤7:把重构养成习惯
    随着你不断添加更多的功能,这样代码库也会越来越复杂。因此为了保持代码库的可管理化,你需要重构。要是你不重构的话,那么你很快就会进入两难境地——即使是做很小的改动都很困难、bug没法避免、没有人愿意处理这个凌乱的代码库。因为重构能让你的工作更加轻松。事不宜迟,所以赶快养成重构的习惯吧。看下面这本好书能教你该怎么做: 《Refactoring: Improving the Design of Existing Code》by Martin Fowler

    Web前端开发工程师步骤8:学习软件架构
    根据你上面选择的堆栈,再学习相关的架构。我推荐 Martin Fowler 写的《Patterns of Enterprise Application Architecture》一书。

    Web前端开发工程师步骤9:演示命令行的力量
    刚开始接触命令行的第一感觉就是望而生畏。但是,如果你学会如何使用,那么会大大提高你执行一些基本任务的效率。然而这本身就能让你成为一名更好的开发 人员,让你能在更短的时间里实现目标。然后你就能进入下一个水平。使用 shell 自主执行常见任务,建立自己的 Dotfiles。如果你使用的 mac 或者 Linux 发行版,那么学会 shell。下面这本书由  Mark Bates 所写的书挺不错:《conquering the Command line》

    Web前端开发工程师步骤 10:code code code!
    对学到的知识,你只有不断的锻炼它才能真正成材。
< Web前端开发框架 Web前端开发工具 >