好家伙，逼格拉满了，这哪里是一个平平无奇的个人网站啊，完备便是一个神奇宝贝风格的游戏网站！
这个极具特色的个人网站的其他部分的制作是大略地利用了CSS和JS。你可以通过鼠标操控小人物参不雅观代表作者不同经历和信息先容的建筑物，游戏体验感十足！
在原帖子下方，还“炸”出了许多深藏不露的Web开拓高手。
有把自己的个人网站设计成超级马里奥游戏的软件工程师。
有把自己的个人网站设计成沉浸式网络拉面店的技能顾问。
有把自己的个人授课网站设计成3D汽车游戏的Web开拓职员。
看了这些有趣的个人网站，小异特殊倾慕，也想学好Web开拓。
因此，小异特地去请教了一位拥有多年Web开拓履历的程序员朋友，他给我总结了Web开拓快速上手搞懂的几个要点，用他的原话便是“捉住几个重点问题，你就学会了Web编程”！
本日，小异也不藏私，一起分享给大家。
— 01 —
明白Web开拓到底是什么？
首先，观点性的东西要清楚。
比如，我们常说的Web开拓常日是指前端开拓与后端开拓的组合。
前端开拓是指开拓用户直接看到的网站部分，如布局、设计和互动性。
一个网站的每一个面向客户的东西都属于前端开拓，紧张通过HTML、CSS、JavaScript、AJAX、DOM等技能实现网站在客户真个显示和交互功能。
后端开拓处理的是后端逻辑，与处理开拓网站客户真个前端开拓不同。
后端开拓紧张通过Java、PHP、Python和Node.js等技能对从前端页面传输来的数据进行处理，按照须要将数据存入数据库，或者通过模板引擎来处理数据，接着以变量的办法将其展示到页面模板上，终极输出页面到浏览器并进行渲染。
你也可以这样大略地理解，前端开拓用于构建用户界面，而后端开拓用于构建系统架构以使网页正常事情。
— 02 —
明白Web做事器的事情事理
一样平常来说，Web做事器也称为WWW(WORLD WIDE WEB)做事器，是指网站做事器，紧张功能是供应网上信息浏览做事。
当互联网上运行在其他打算机中的浏览器发出要求时，做事器才会相应。目前最主流的做事器是 Apache、Nginx和IIS。
Web做事器的事情事理可以概括为：
（1）客户端通过TCP/IP协议和Web做事器建立TCP连接。
（2）连接建立往后，向Web做事器发送HTTP协议要求包。
（3） Web做事器对要求按照HTTP协议进行解码。
（4）如果没有缺点涌现， Web做事器将实行要求所哀求的动作，向客户端发送HTTP协议应答包。
（5）客户端与Web做事器断开，关闭文件和网络连接，结束会话。
— 03 —
HTML5的语法、标记方法、元素
编写Web运用逃不开HTML，不管是在线的还是离线的，以是Web开拓者该当学习HTML5干系知识。
HTML5是新一代的HTML标准，新增了很多特性。HTML5的构造、语法、标记方法、元素，像<img>、<a>、meta元素.....这些常用的标签，常见的分外字符，还有常用表单的写法，你假如都能信手拈来，那写网页肯定没问题。
— 04 —
CSS语法
都说门面功夫要做到位，你开拓的Web项目也得有赏心悦目的外不雅观。而Web开拓中的面子工程靠的便是CSS。
你须要熟习CSS中经典属性的用法，还有CSS3中的选择器、背景、边框、盒子模型、布局办法、动画、滤镜，以及针对各种浏览器该当若何在代码中设置各种属性等。
— 05 —
熟习各种Web开拓编程措辞，同时精通一门
如果你是Web开拓初学者，在这种情形下，你很有可能在选择最佳Web编程措辞时面临很多困难。由于不同的编程措辞支持不同的编程技能，并各有各的繁芜性。
一个精良的前端开拓职员该当对HTML，CSS，JavaScript有很强的理解，一个精良的后端开拓职员该当熟习做事器端措辞，即PHP、Python、Java。
为此，小异列出了一些最适宜 Web 开拓的编程措辞，你不须要学习所有的编程措辞，但请你根据实际须要选择最得当的一种。
● JavaScript
JavaScript是唯一能让你既可以建立Web运用程序、前端和后端，又可以构建移动运用程序（React Native）的的编程措辞。
毫无疑问，比较随意马虎上手的JavaScript不仅是需求很高也是最受Web开拓者喜好的措辞之一。如果你很纠结到底选择那门编程措辞，那就直接选择JavaScript吧！
● Python
Python是另一种用于Web开拓的编程措辞。它被大约44%的软件工程师利用，仅次于JavaScript，位居第二。Python的优点紧张有：语法大略、易于学习，支持不同库或工具，良好的可读性，拥有精良的框架，具有强大的类型等。
● PHP
PHP是一种脚本措辞，紧张用于Web运用、做事器端、WordPress、Facebook或Flickr等。PHP Web开拓支持.NET、Bzip2、Apache等免费开源扩展。它供应微软SQL、MySQL、Server平分歧数据库的访问。
此外，PHP从初版开始就一贯利用类似Perl的变量，可以有效地结合到HTML中。
● Java
Java 广泛用于制作企业级的 Web 运用程序，很多大公司都在利用它。
选择Java作为Web编程措辞的紧张是由于它有丰富的开源库，支持面向工具的编程范式，借助 Java 虚拟机功能实现最佳平台独立性，高度安全，支持多线程，是分布式打算的空想选择。
● Ruby
与Python和PHP一样，Ruby也特殊大略易学，非常适宜初学者。
并且，由于Ruby on Rails 框架可以用于开拓网站，以是Ruby 也是 Web 开拓的绝佳选择。
— 06 —
知道都有哪些Web开拓框架，会用个中一个
前端开拓职员该当知道各种Web开拓框架和库，如Bootstrap，React，AngularJS，EmberJS等。后端开拓职员该当知道Express.js，Django，Laravel，Ruby等框架。
— 07 —
路径问题
在Web开拓中常常会碰着路径问题，而如果你对Web中的路径干系观点一知半解的话，总会碰着令人头疼的问题。为了避免缺点，提高开拓效率，你须要对它有足够的认识。
路径常日分为绝对路径和相对路径。
绝对路径指文件的完全URL，例如：
<img src="https://man.ilovefishc.com/html5/image/FishC.png" alt="FishC-logo">
而相对路径指以当前网页所在位置为基准建立出的目录路径，例如：
<img src="../html5/image/FishC.png" alt="FishC-logo">
— 08 —
数据库访问
目前比较随意马虎并且普遍的数据库访问技能紧张有四种，分别是JDBC、ODBC、ADO.NET和PDO，繁芜点的技能可以等Web开拓水平上去了再学习。
想要轻松上手Web开拓，节制JDBC就差不多可以了。JDBC是一种用于java程序链接数据库的标准方法。它是由java编写的类和接口实现的，是一种可以实行SQL的java API。
如果开拓的是大略的Web运用，JDBC够你用了，学习利用时，特殊看重对Connection接口、Statement接口和ResultSet接口的学习，就能编写一些大略的代码了。
假如这些根本的东西，你都能搞定了，那该当能找到一份养活自己的Web开拓事情了。
当然，如果你的目标不止是学会，还要特殊会，达到精通，那小异建议你找个更加详细的教程，按照大牛给出的路线学习。
这里，小异推举一本新手自学Web开拓的秘笈《零根本入门学习Web开拓（HTML5 & CSS3）》给你。
▲随着小甲鱼，Web开拓不迷路！
如果说搞懂上面几点，你就学会了Web编程开拓，那么，读懂这本书的内容，你就能成为Web开拓的实战高手。
由于，这本源自B站同名视频教程，拥有百万播放量的《零根本入门学习Web开拓（HTML5 & CSS3）》主打特色便是实战性。
书中精解HTML 5和CSS3中233个语法知识点和多种网页的设计技巧；
还手把手带你实现上百个Web开拓案例，数十种布局办法，源码拿来即可用。它附赠源代码，可运行在macOS、Linux、 Windows等操作系统平台；
书本更是配套86集在线传授教化视频，让你学习更功效！
干货十足，福利满满，你心动了吗？
总而言之，不论你是
想要零根本入门Web开拓的专业和非专业人士；
还是想要利用Web开拓编程开拓的程序员；
还是想要过考Web开拓课程的大学生；
还是教授Web开拓的大学老师。
只要你想要自学快速入门Web开拓，这本书便是你的不二选择！
并且，你还有一次近间隔学习这本书，入门Web开拓的机会——
3月17日晚7：30，小异特邀《零根本入门学习Web开拓（HTML5 & CSS3）》作者小甲鱼。他将解答大家有关Web开拓的难点以及困惑，如何称为一名精良的Web开拓者，更有新书《零根本入门学习Web开拓（HTML5 & CSS3）》的分享。
欢迎关注明晚头条的直播呀，你将学到：
Web开拓是什么?
Web开拓怎么学?
Web开拓学习难点?
Web开拓常见的坑?
文章编辑：罗梦婷 审校：桐希
参考文献：
《零根本入门学习Web开拓（HTML5 & CSS3）》第一章、第二章
How Long Does It Take To Become A Web Developer?
What Are The Best Programming Language For Web Development
将我的个人网站制作成了一个神奇宝贝风格的小游戏
1
END
1
