Web前端开发基础知识--部分总结

前言：

最近团队中新加入了十几位成员，主要任务是负责Web前端项目的开发，鉴于大家对Web开发的基础知识了解不是很多，有些成员对HTML也还是初学，这里简单整理了一些Web开发的入门学习资料，主要是为了帮助新加入的成员快速掌握Web开发的基础知识，在这里也分享给大家，希望对初学者有些帮助。部分总结不是很全面，有待后续添加补充…

内容：

一．基础知识及学习资料

1. HTML入门学习：
http://www.w3school.com.cn/html/index.asp
HTML5 入门学习：
http://www.w3school.com.cn/html5/index.asp
2. CSS入门学习：
http://www.w3school.com.cn/css/index.asp
CSS3入门学习：
http://www.w3schools.com/css3/default.asp http://css3-tutorial.com/
3. Javascript入门学习：
http://www.w3school.com.cn/js/index.asp
JQuery入门学习：
http://www.w3school.com.cn/jquery/index.asp
4. PHP入门学习：
http://www.w3school.com.cn/php/index.asp
5. 服务器搭建入门学习：

Windows服务器环境搭建：

自动搭建，wamp下载安装：
http://www.wampserver.com/en/
手动搭建：

Google方法很多。

Linux（Ubuntu）服务器环境搭建：

(1). 安装apache2.0

sudo apt-get install apache2

测试：

在浏览器中打开：
http://localhost/
或者http://127.0.0.1

如果出现It works!说明安装成功了。

(2). 安装PHP

依次在终端打开：

sudo apt-get install php5 //安装PHP5

sudo apt-get install libapache2-mod-php5 //配置APACHE+PHP

sudo /etc/init.d/apache2 restart //重启APACHE

测试：

打开sudo vim /var/www/testphp.php

然后然后输入点<?php phpinfo() ?>再保存。

然后在浏览器中输入http://127.0.0.1/testphp.php或者http://localhost/testphp.php

如果显示php的配置信息则说明安装成功。

(3). 安装MYSQL

sudo apt-get install mysql-server

安装完成按提示设置root密码

(4). 让apache、php支持 mysql

sudo apt-get install libapache2-mod-auth-mysql

sudo apt-get install php5-mysqlsudo /etc/init.d/apache2restart

(5). phpmyadmin 安装

sudo apt-getinstall phpmyadmin

在/var/www的底下新建一个连接 ：

sudo ln -s /usr/share/phpmyadmin

测试：

访问地址：http://localhost/phpmyadmin/

出现登录页面，输入mysql的用户名和密码就可以登陆了。

至此Ubuntu 配置Apache+PHP+MySQL+phpmyadmin 环境就搭建完成了。

Linux（fedora）服务器环境搭建：

(1). 安装Apahce, PHP, Mysql, 以及php连接mysql库组件

yum -y install httpd php mysql mysql-server php-mysql

重启apache

/etc/init.d/httpd restart

(2). 配置开机启动服务

chkconfig httpd on

chkconfig mysqld on

(3). 设置mysql数据库root帐号密码。

mysqladmin -u root password '123456'

(4). 按照以上的安装方式, 配置出来的默认站点目录为/var/www/html/

(5). apache 测试

用浏览器访问：http://sever-IP/, 如果apache安装成功会出现相应提示信息（如“It works!”）。

(6). php及php与mysql链接模块测试

vim /var/www/html phpinfo.php

在打开的文件中录入如下内容：

<?php

phpinfo();

?>

然后保存退出（Esc，wq！，Enter）。

用浏览器访问：http://sever-IP/phpinfo.php, 如果php安装成功会出现相应php的配置信息，如果前面php与mysql链接模块安装成功的话，在配置信息里也可以找到mysql的相关信息。

(7). phpMyAdmin 安装（非必需）

phpMyAdmin 是mysql的一个图形化管理工具，安装方法：

安装phpMyAdmin：

yum -y install phpMyAdmin

修改配置文件，以使远程可访问：

vim /etc/httpd/conf.d/phpMyAdmin.conf

文件修改如下：

# phpMyAdmin - Web based MySQL browser written in php

#

# Allows only localhost by default

#

# But allowing phpMyAdmin to anyone other than localhost should be considered

# dangerous unless properly secured by SSL

Alias /phpMyAdmin /usr/share/phpMyAdmin

Alias /phpmyadmin /usr/share/phpMyAdmin

#<Directory /usr/share/phpMyAdmin/>

# order deny,allow

# deny from all

# allow from 127.0.0.1

# allow from ::1

#</Directory>

# This directory does not require access over HTTP - taken from the original

# phpMyAdmin upstream tarball

#

<Directory /usr/share/phpMyAdmin/libraries>

Order Deny,Allow

Deny from All

Allow from None

</Directory>

# This configuration prevents mod_security at phpMyAdmin directories from

# filtering SQL etc. This may break your mod_security implementation.

#

#<IfModule mod_security.c>

# <Directory /usr/share/phpMyAdmin>

# SecRuleInheritance Off

# </Directory>

#</IfModule>

保存退出。

重启apache

/etc/init.d/httpd restart

phpMyAdmin测试

用浏览器访问：http://sever-IP/phpmyadmin/，用户名和密码为先前安装的mysql的用户名和密码。

以上是网络上的简单易学的入门学习资源，相关书籍大家可以Google、豆瓣，很容易找到，选一本合适的有时间再相应的深入的读一下应该基础知识就掌握的差不多了。Web前端开发的学习和其它软件开发学习都是相同的，关键在于实际运用，编码实践，在遇到问题和解决问题的过程中不断的巩固和加深对Web开发的理解和掌握。

6. 其它：

To be continue…

二．常用IDE介绍

Aptana：http://www.aptana.com/

一款开源的针对Web前端开发的代码编辑器，功能还是比较丰富的。

常用快捷键：

Shift+Ctrl+I ：代码格式化（html，Js，CSS…）。

Shift+Ctrl+/ ：多行注释。

Ctrl+/：单行注释。

Eclipse：http://www.eclipse.org/

Notepad++：http://notepad-plus-plus.org/

三．其它

To be continue…

网络参考：

1. http://www.linuxidc.com/linux/2010-07/27230.htm
2. http://yunest.iteye.com/blog/378016
3. http://hi.baidu.com/reeyan/blog/item/a18581d6a7767ad7a044df7b.html
4. http://www.webjx.com/php/2010-01-21/20227.html