初学Web前端开发要注意什么？

一、学习HTML5和CSS3基础

随着这移动互联网快速发展的时代，尤其是4G时代，HTML5+CSS3已然成为新一代的web前端技术。

随着HTML5的发展和普及，了解HTML5也将成为Web开发人员的必修课。涉及到网页外观时，就需要学习CSS了，它可以帮你把网页做得更美观。

利用HTML5和CSS3模拟一些你所见过的网站的排版和布局(色彩，，文字样式等等)。

二、学习JavaScript，了解DOM

JavaScript是一种能让你的网页更加生动活泼的程序语言。IT培训认为学习JavaScript的基本语法，学会用JavaScript *** 作网页中DOM元素。

在北大青鸟Web前端开发课程第二阶段完全可以实现大家平常喜欢玩的2048游戏。(是不是感觉挺有意思)

接着学习使用一些JavaScript库，比如Jquery是大部分Web开发人员都喜欢用的，通过Jquery可以有效的提高JavaScript的开发效率。

三、学习Web前端核心

学习Jquery之后，大家就要学习HTML5高级阶段(HTML5Canvas绘图、HTML5SVG、音频和视频处理、表单处理、表单验证等)

北大青鸟每学习一个阶段，都是让学员真正进行项目实战，在熟悉和消化所学习知识的同时，增加自己的项目经验和团队协作能力。

在学习Jquery和HTML5学习结束后，就可以完成飞机大战、飞扬的小鸟以及复杂订单的实现。

四、学习>

服务器端脚本编程(后台开发)也是Web开发人员的基本功之一，北大青鸟学员现在学习的是最流行的php。

要构建动态页面通常会使用到数据库，通常PHP使用Oracle、MySQL数据库。

对于Web服务器来说，Apache一个就已经是了。那么Apache、php、数据库，该怎么理解它们的关系

1、Apache是服务器基础，php和数据库都需要Apache来协调工作

2、php是脚本解释，如果不用php，那么Apache出来的东西就只是静态的，而不能在服务器实现功能

3、数据库完全可以单独使用，但是和Apache、php一起，则是由php代码调用数据库接口，而apache就负责解释php代码，让他能真正地实现对数据库的调用

这个阶段的项目实战是实现京东订单页和个人论坛。

五、学习Web前端高级技术

当你掌握了HTML5，CSS3，JavaScript等技术之后，就应该找一个Web框架加快你的Web开发速度，使用框架可以节约你很多时间。

在北大青鸟学习的Bootstrap是目前很受欢迎的前端框架。Bootstrap是基于HTML、CSS、JAVASCRIPT的，它简洁灵活，使得Web开发更加快捷，是web前端开发者最喜欢，也是现在企业里最常用的前端框架。

AngularJS是一款优秀的前端JS框架，已经被用于Google的多款产品当中。AngularJS有着诸多特性，最为核心的是：MVC编程、模块化、控制器、路由、事件绑定等等。

如果是java站点(Windows上部署)。
1下载JDK双击安装完毕。
2设置环境变量，将JDK安装目录下的bin目录路径设置到path变量新建一个环境变量JAVA_HOME，值为JDK安装目录。验证JDK是否安装完毕可以在cmd下打入 java -version查看。
3下载Jboss。无需安装，放置一目录(比如C\:),新建一个环境变量JBOSS_HOME,值为Jboss目录（C\:JBoss）。验证JBOSS是否安装完成，可以在cmd下进入Jboss目录下的bin目录直接启动服务器，看输出是否有异常。
4安装数据库。建表并且配置web应用的数据库url。
5将站点student文件夹放入Jboss\server\default\deploy目录下。
6启动Jboss
7浏览器输入>

HTML（超文本标记语言）是网页的核心，学好HTML是成为Web开发人员的基本条件。HTML很容易学习的，但也很容易误用，要学精还得费点功夫。

随着HTML5的发展和普及，了解HTML5也将成为Web开发人员的必修课。

涉及到网页外观时，就需要学习CSS了，它可以帮你把网页做得更美观。

利用HTML和CSS模拟一些你所见过的网站的排版和布局（色彩，，文字样式等等）。

第二步：学习javascript,了解DOM

JavaScript是一种能让你的网页更加生动活泼的程序语言。学习JavaScript的基本语法，学会用javascript *** 作网页中dom元素。

接着学习使用一些javascript库，比如jquery是大部分WEB开发人员都喜欢用的，通过Jquery可以有效的提高JavaScript的开发效率。

第三步：了解Web服务器

你不必在这上面花太多精力，但对IIS、Apache基本配置要掌握，这方面的知识学起来也相对容易，不会花多长时间。

学习一点Unix和Linux的基本知识，因为大部分Web服务器都运行在Unix和Linux平台上。

第四步:学好一门服务器端脚本语言

服务器端脚本编程（后台开发）也是Web开发人员的基本功之一，你只需挑选一个服务器端脚本语言，然后学好它。

目前流行的服务器脚本语言有：php、aspnet、jsp、ruby、python、等。

第五步：学习数据库及SQL语法

要构建动态页面通常会使用到数据库，常用的数据库有SQLServer、Oracle、MySQL等，它们都会遵循标准的SQL原则。

通常aspnet程序使用SqlServer数据库，PHP、java使用Oracle、MySQL数据库。

第六步：综合实战

选一个你喜欢的后台编程语言，结合之前学到的html,css,javascript前端技术，实现一个简单的留言本、论坛程序、进而实现一个简单的CMS（内容管理系统）

第七步：学习使用Web框架

当你掌握了HTML，CSS，JavaScript和服务器端脚本语言后，就应该找一个Web框架加快你的Web开发速度，使用框架可以节约你很多时间。

比如net的MVC，JAVA的SSH，php的cakephp、CodeIgniter、zend，ruby的ROR，python的dijango等等，其实里面都有一些相通之处。

整个开发过程你还可能会学习到一些工具的使用：

Visio，Dreamweaver，VistualStudio、elipse、(Vim,EditPlus,Notpad)、sqlserver、phpmyadmin，各种浏览器以及FireBug的插件，IE下的、IETester等。如果你足够用心，你还发掘出很多不错的资源，例如MSDN，W3cSchool，一些前辈的博客，一些技术论坛等等，这都是你未来前进道路上的财富。如还想深入研究，学学>

从最简单的HTML到Web框架，内容还是不少，要想精通这里的每一样技术，都得下苦功夫才行。半年的时间，足够你对web开发产生一个有效的认识，这个时候，再思考你进一步学习的方向

web应用的运营都是基于web服务器的存在才能实现的。
今天我们就一起来了解一下，目前比较常见的一些web服务器都有哪些类型。
1、Tomcat服务器目前非常流行的Tomcat服务器是Apache-Jarkarta开源项目中的一个子项目，是一个小型、轻量级的支持JSP和Servlet技术的Web服务器，也是初学者学习开发JSP应用的选。
2、Resin服务器Resin是Caucho公司的产品，是一个非常流行的支持Servlet和JSP的服务器，速度非常快。
Resin本身包含了一个支持HTML的Web服务器，这使它不仅可以显示动态内容，而且显示静态内容的能力也毫不逊色，因此许多网站都是使用Resin服务器构建3、JBoss服务器JBoss是一个种遵从JavaEE规范的、开放源代码的、纯Java的EJB服务器，对于J2EE有很好的支持。
JBoss采用JMLAPI实现软件模块的集成与管理，其核心服务又是提供EJB服务器，不包含Servlet和JSP的Web容器，不过它可以和Tomcat完美结合4、WebSphere服务器WebSphere是IBM公司的产品，可进一步细分为WebSpherePerformancePack、CacheManager和WebSphereApplicationServer等系列，其中WebSphereApplicationServer是基于Java的应用环境，可以运行于SunSolaris、WindowsNT等多种 *** 作系统平台，用于建立、部署和管理Internet和IntranetWeb应用程序。
5、WebLogic服务器WebLogic是BEA公司的产品(现在已经被Oracle收购)，可进一步细分为WebLogicServer、WebLogicEnterprise和WebLogicPortal等系列，其中WebLogicServer的功能特别强大。
WebLogic支持企业级的、多层次的和完全分布式的Web应用，并且服务器的配置简单、界面友好。
IT培训>

近期准备session，希望能跟大家轻松地分享一些东西，一些常见的场景。比如：web后台服务器到底是如何工作的。
上网过程对于普通人：首先，他需要一台电脑，然后，他的电脑可以接入网络，最后，他可以打开浏览器键入自己想要浏览的网址，然后就可以上网了。但是对于计算机来讲，是一个比较复杂的过程，里面包含了信息如何保存，信息如何传递以及信息如何展示的过程。所以，针对整个上网过程，我们从前到后，分析一下其中包含的各种技术细节，可能不全，目的是抛砖引玉，希望大家在简单的流程当中学习更多的东西分享出来，一些基础知识则当做复习。之前buddy王老吉讲过浏览器的工作方式，所以本文内容不包含浏览器的工作方式，重点在于各种后台服务以及通信层面的分析。

前面说到，用户浏览器中键入网址便浏览网页信息，这个网址实际上就是URL，英文全称是Uniform Resource Locator——统一资源定位符。

完整的、带有授权部分的普通统一资源标志符语法看上去如下：
协议://用户名:密码@子域名域名顶级域名:端口号/目录/文件名文件后缀参数=值
协议部分可以是>IIS（Internet Information Server，互联网信息服务）是一种Web（网页）服务组件，其中包括Web服务器、FTP服务器、NNTP服务器和SMTP服务器，分别用于网页浏览、文件传输、新闻服务和邮件发送等方面，它使得在网络（包括互联网和局域网）上发布信息成了一件很容易的事。本次上机大家实践IIS 50的配置和管理。
上机学习目标：
1、　了解并掌握 Windows 2000/NT 服务器上 IIS 的安装与测试
2、　了解并掌握web服务器的配置及应用，其中重点掌握主目录、虚拟目录的设置与应用
3、　了解并掌握FTP服务器的配置和使用
4、　了解并掌握SMTP服务器的配置和使用
上机内容及 *** 作步骤：
1、 在自己的电脑上安装IIS并测试。
进入“控制面板”，依次选“添加/删除程序→添加/删除Windows组件”，将“Internet信息服务（IIS）”前的小钩去掉（如有），重新勾选中后按提示 *** 作即可完成IIS组件的添加。（在安装过程中要插入WIN2000或WINXP安装盘。）
测试：安装完毕后，在浏览器地址栏中输入：>

一 PowerBuilder中的WEB应用模块

PowerBuilder中含有开发WEB应用的模块 通过这些模块可以连接WEB服务器与PowerBuilder应用．该模块包括以下及部分 Web PB:是几个可以在WEB服务器上执行的程序 被服务器激活后 调用PowerBuilder应用 完成客户端任务和对数据库的事务 *** 作．Plug_ins（插入件） 包括Window plug_in和Datawindow Plug_in 此方式可将PowerBuilder对象嵌入到页面中 在浏览器端执行PowerBuilder应用．Window Activex:　此方式与Window plug_in类似 所不同在于该方式可以和HTML中的JavaScripts VBscripts交互．本文主要讨论利用Web PB开发WEB应用．

二 用Web PB开发WEB应用

Web PB本身就是个CGI程序 它提供了从服务器到PowerBuilder应用的访问．所以在Web PB之上 可以利用PowerBuilder的强大功能开发复杂的WEB应用 如采用PowerBuilder的PowerScripts语言环境 数据窗口技术等．PowerBuilder的WEB应用构建前提是分布式应用体系．PowerBuilder的客户端应用分布到WEB服务器上 可将Web PB看作为客户端应用．当客户端应用Web PB被WEB服务器激活后 调用PowerBuilder的服务器应用 执行在服务器应用中定义的方法 实现业务逻辑

这种模式是真正的 廋 客户机模式 客户端不需要安装其它软件 只安装浏览器软件．所有的事务 *** 作都在服务器端完成 下面将结合实例详细说明 利用PowerBuilder开发一个网上购书应用．对于分布式PowerBuilder应用 首先应向客户Web PB指明PowerBuilder服务器应用在网络上的位置（Location） 其应用名 使用文件PBWEB INI来记录服务器应用信息．在此例中 取服务器应用名为TUTORIAL Driver=Winsock Application= /tcp Location=Localhost 建一个数据库（book_dealing）其中有三个表 分别为 book b_name b_no b_publisher b_price b_num customer c_name c_tel c_addr dealing b_name c_name d_num d_time

建一个数据窗口dw_book 其SQL语法为 SELECT book b_name book b_no book b_publisher book b_price book b_num FROM book

创建PB服务器应用的用户界面 在窗口w_server上有两个按钮cb_ cb_ 再定义一个transport类型的实例变量mytransport cb_ 的clicked事件有关程序如下 mytransport = create transport mytransport driver = winsock mytransport location = localhost mytransport application =

创建一个不可视的用户对象u_internet 定义一个transaction类型的全局变量mytransaction 在该用户对象的constructor事件中定义连接到数据库(book_dealing)的事务对象mytransaction和连接到数据库(webpb)的事务对象sqlca 在该对象的destructor事件中分别取消这两个事务对象 在u_internet上定义两个函数分别为f_book f_book_dealing 这两个函数的返回值都为字符类型 在f_book中 利用数据窗口dw_book作数据库查询 再利用数据窗口的属性将查询结果以HTML形式返回给web pb 有关程序如下 string return_ datastore dd dd = create datastore dd dataobject = dw_book dd settransobject(mytransaction) dd retrieve() return_=return_+dd object datawindow data table return return_

在函数f_dealing中 定义参数分别为 book_name deal_num custom_name deal_time custom_tel custom_addr 用来接受FORM元素传来的信息 再利用PowerScripts语言对数据库（book_dealing）进行修改 有关程序如下 string return_

………… connection using mytransaction; insert into customer ( c_name c_tel c_addr ) values( :custom_name :custom_tel :custom_addr); insert into dealing ( b_name d_num d_time c_name ) value(:book_name :deal_num :deal_time :custom_name);

if mytransaction sqlcacode> then return_= 定货成功！ else return_= 定货失败！ endif ……… return return_ 主页上的 浏览书库 的超连接为  A HERF= /scripts/pbcgi exe/tutorial/u_internet/f_book 〉 浏览书库</A>  定书信息页上应有几个单行编辑器 用来录入用户购书信息(例如:书名 用户名 购书数量 等等)其FORM元素的ACTION为 <form  action= /scripts/pbcgi exe/tutorial/u_internet/f_book_dealing method= get >

lishixinzhi/Article/program/SQL/201311/16416

---