Web前端初学者的学习攻略

  越来越多的人准备学习Web前端，对于Web前端初学者来说，想要成为一名优秀的Web前端工程师，需要掌握一些方法？下面Web前端培训机构准备了Web前端初学者的学习攻略，希望对学习web前端技术的小伙伴们有所帮助。让我们一起看一看！
  1、桌面脚本
  想要动手在Windows里或苹果系统里编程，最简单的方法是从一种脚本语言或宏语言开始，例如AutoHotkey(Windows)或Automator(苹果系统)。如今一些硬件程序员冲着他们的屏幕大喊大叫，说AHK和AppleScript并不是“真正”的编程语言。也许他们说的是对的—技术上，这些种类的语言只能做一些上层的编程。但是对于那些只是想来脱盲、想在他们的电脑里实现一些能自动运行的程序的新手来说，这些语言会是一个绝妙的入门入口—而且你会吃惊于它们丰富的功能。
  2、Web前端开发
  HTML和CSS：开发网站，你件要知道的事情就是HTML(网页就是由它组成的)和CSS(一种让外观更好看的样式标记)。HTML和CSS并不是编程语言—它们只是页面的结构和样式信息。然而，在开始开发web应用程序之前你必须要学会如何手工的编写简单的HTML和CSS，web页面是任何webapp的前端显示部分。这个HTML指导是你入手的好地方。
  JavaScript:当你可以通过HTML和CSS构建一个静态页面后，事情就开始变得有趣了—因为到了该学JavaScript的时候了。JavaScript是一种web浏览器上的编程语言，它的魔力就是能在页面里制造一些动态效果。
  JavaScript可以做bookmarklets,Greasemonkey脚本,和Ajax,所以它是web上各种好东西的关于因素。
  3、服务器端脚本
  一旦你学会了网页里的知识，你就要开始对它添加一些动态服务器操作—为了实现这些，你需要把目光转移到服务器端脚本语言，例如PHP,Python,Perl,或Ruby。
  举个例子，如果想要制作一个网页形式的联系方式表单，根据用户的输入发送邮件，你就需要使用服务器端脚本来实现。像PHP这样的脚本语言可以让你跟web服务器上的数据库进行沟通，所以如果你想搭建一个用户可以登录注册的网站，这样的语言正是你需要的。
  4、Web框架
  过去数年里，web开发人员在开发动态网站的过程中不得不一遍又一遍的针对重复遇到的问题写出重复的代码。为了避免这种每次开发一些新网站都会重复劳动一次的问题，一些程序员动手搭建了一些框架，让框架替我们完成重复性的工作。
  非常流行的Ruby on Rails框架，作为一个例子，它利用Ruby编程语言，为我们提供了一个专门面向web的架构，普通的web应用程序都能使用它来完成。事实上，Adam使用Rails开发了他的个正式的(而且是叹为观止的!)web应用程序，MixTape.me。这就是他的如何在没有任何经验的情况下搭建一个网站。还有一些其他的web开发框架包括CakePHP(针对PHP编程者),Django(针对Python编程中),以及jQuery(针对JavaScript).
  5、Web APIs
  API(应用层序编程接口)是指不同的软件之间相互交换的程序途径。例如，如果你想在你的网站上放一个动态的地图，你可以使用Google Map，而不需要开发自己的地图。The Google Maps API可以轻松的让你通过JavaScript在程序中引入一个地图到你的页面上。
  几乎所有的现代的你所知道的和喜爱的web服务都提供了API，通过这些API你可以获取到他们的数据和小工具，在你的应用程序里就可以使用这些交互过来的东西了，例如Twitter,Facebook,Google Docs,Google Maps,这个列表远不止这些。
  通过API把其他web应用集成到你的web应用里是现在富web开发的前沿地带。每个优秀的主流的web服务API都附带有完整的文档和一些快速入手的指导。
  6、命令行脚本
  如果你想开发一个程序，让它读取文字或文件、输入输出一些有用的东西，那么，命令行脚本语言将是个不错的选择。然而它并不像web应用程序和桌面应用程序那样有吸引力和好看的外观，但是作为快速开发的脚本语言，你却不能忽视它们。
  很多的在linux平台上运行的web脚本同样能以命令行模式运行，例如Perl，Python和PHP，所以如果你学会了使用它们，你将能在两种环境中使用它们。
  如果成为一个Unix高手也是你学习的目标，那么你绝对要精通bash这个脚本语言。Bash是Unix和Linux环境下的一种命令行脚本语言，它能够为你做所以的事情：从自动备份数据库脚本到功能齐全的用户交互程序。起初我没有任何使用bash脚本的经验，但最终我用bash开发了一个全功能的个人代办任务管理器：Todo.txt CLI。
  7、插件(add-ons)
  如今的web应用程序和浏览器都可以通过一些扩展软件来丰富自己的功能。由于一些现有的软件，例如Firefox、WordPress越来越受到开发人员的关注，插件的开发也日益流行，人们都在说“But if only it could do THIS…”
  只要你掌握了HTML，JavaScript和CSS，你就可以在任何的浏览器里开发你想要的很多东西。Bookmarklets,Greasemonkeyuser scripts,和Stylishuser styles这些软件都是用的更普通页面一样的语言写成的,这几个东西都值得你去研究一些。
  更高级的浏览器扩展程序，例如Firefox的扩展，它们可以帮助你很多。开发Firefox的扩展.举个例子，需要你精通JavaScript和XML(一种标记语言，类似HTML，但具有更严格的格式)。
  很多免费的、受欢迎的web应用程序都提供了扩展框架，例如WordPress和MediaWiki。这些应用程序都是用PHP写成的，所以只有对PHP熟悉你才能做这些事情。这个就是如何编写WordPress插件。而想驾驭Google Wave前沿技术的开发人员可以从使用HTML,JavaScript,Java,和Python写小组件和小工具开始。我写的个Wave bot是跟着这个一个下午时间的快速入门指导开始的。
  8、开发桌面上的web应用程序
  学习编程的结果是你在一个环境下学的东西可以应用到另外的环境中。先学习开发web应用程序的好处就是我们有一些方法可以让web应用程序直接在桌面上运行。例如，Adobe AIR是一个跨平台的即时运行平台，它能让你编写的程序运行在任何装有AIR的操作系统的桌面上。
  AIR应用程序都是由HTML,Flash,或Flex写成的，所以它能让你的web程序在桌面环境中运行。AIR是开发部署桌面应用程序的一个优秀的选择，就像我们提到过的10个让你值得去安装AIR的应用程序。
  9、移动应用开发
  能在iPhone或者Android智能手机上运行的手机应用程序的开发如今正呈现井喷之势，所以你也可以梦想一下如何在iTunes应用商店里通过你的天才程序大赚一笔。但是，作为一个编码新手，直接奔向移动开发所经历的学习曲线可能会很陡，因为它需要你熟悉高级的编程语言，例如Java和Objective C。
  10、耐心、刻苦、尝试、失败
  好的程序员都有一个不达目的誓不罢休的品质，他们会惊喜于通过长期推敲和失败换来的一点成绩。学会编程会有很好的回报的，但是学习的过程可能会是饱受挫折和孤独的。如果有可能，找个伴一起陪你做这件事。想精通编程，这和其他事情一样，需要坚持，反复尝试，获得更多的经验。
  以上就是关于“Web前端初学者的学习攻略”的内容介绍，希望对大家学习有所帮助。想要了解更多关于Web前端学习培训的相关资讯欢迎来咨询，我们老师将详细为您解答疑问。