初学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编程、模块化、控制器、路由、事件绑定等等。

在 JavaWeb 项目中，处理请求和发送响应的过程是由一种叫做 Servlet 的程序来完成的，并且 Servlet 是为了解决实现动态页面而衍生的东西。

简单来讲：Servlet其实就是一个遵循Servlet开发的java类，Serlvet是由服务器调用的，运行在服务器端。

一张图描述 Servler 在 B/S 中的作用点：

2 Tomcat 和 Servlet 的关系

Tomcat 是Web应用服务器，是一个Servlet/JSP容器。 Tomcat 作为 Servlet 容器，负责处理客户请求,把请求传送给 Servlet，并将 Servlet 的响应传送回给客户，而 Servlet 是一种运行在支持 Java 语言的服务器上的组件。

Servlet 最常见的用途是扩展 Java Web 服务器功能，提供非常安全的、可移植的、易于使用的 CGI 替代品。

从 >

①：Tomcat 将 >

②：Tomcat 同时会要响应的信息封装为 >

Java Servlet API 是Servlet容器(tomcat)和servlet之间的接口，它定义了Serlvet 的各种方法，还定义了 Servlet 容器传送给 Servlet 的对象类，其中最重要的就是 ServletRequest 和 ServletResponse 。所以说我们在编写Servlet时，需要实现 Servlet 接口，按照其规范进行 *** 作。

3 Servlet 接口主要方法

Servlet 接口主要的 3 个方法：

init()方法：只会调用一次，只是在创建servlet实例的时候才会创建。

service()方法：是进行数据处理的，只要接受了一次请求，就会被调用一次

destroy()方法：销毁 Servlet 对象的时候调用。停止服务器或者重新部署 Web 应用时销毁 Servlet 对象，同样也是调用一次

4 编写 Servlet

首先说明一点疑惑，有时候我们在一些资料上看到别人这样写：

public class TestServlet implements Servlet {
    init()
    service()
    getServletConfig()

}

而在这我们要继承 >

首先，直观的不同，Servlet 是一个接口，如果实现这个接口，那么就必须实现接口里面定义的所有方法。

而 >

但是我们没必要再去实现 Servlet 中定义的生命周期方法，因为在 >

最后，>

41 编写Java类，继承>

创建一个 MyServlet java 类，继承 >public class MyServlet extends  {
    @Override
    protected void service( {
        //设置字符编码
        requestsetCharacterEncoding("utf8");
        //从 request 对象中获取username,password
        String username = requestgetParameter("username");
        String password = requestgetParameter("password");
        requestsetAttribute("username",username);
        requestsetAttribute("password",password);
        requestgetRequestDispatcher( "/index2jsp")forward(request, response);;
    }
}

42 配置webxml文件

webxml 配置 Servlet 访问路径，能让别人通过链接访问到你的 Servlet：

<web-app>
  <display-name>Archetype Created Web Application</display-name>
    <servlet>
        <servlet-name>MyServlet</servlet-name>
        <servlet-class>clubsscaidemoMyServlet</servlet-class>
    </servlet>
    <servlet-mapping>
        <servlet-name>MyServlet</servlet-name>
        <url-pattern>/MyServlet</url-pattern>
    </servlet-mapping>
</web-app>

43 jsp 界面显示

index2jsp:

<html>
<body>
<h2>2222222</h2>
username: <%=requestgetParameter("username") %>
<br>
password: <%=requestgetParameter("password") %>
</body>
</html>

欢迎分享，转载请注明来源：内存溢出

原文地址: http://outofmemory.cn/zz/10503936.html

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

发表评论

评论列表（0条）