百度360必应搜狗淘宝本站头条
python类型转换python串口编程python计时python异常python进度条
当前位置：网站首页 > 技术资源 > 正文

程序员分享自创的神奇宝贝风格网站后，炸出了一大波Web开发大佬

off999 2025-04-06 19:56 119 浏览 0 评论

前几天，小异看到国外一位网友使用HTML5游戏引擎Phaser 3 制作了他的个人网站。

好家伙，逼格拉满了，这哪里是一个平平无奇的个人网站啊，完全就是一个神奇宝贝风格的游戏网站！


这个极具特色的个人网站的其他部分的制作是简单地使用了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的结构、语法、标记方法、元素，像、、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，例如：



而相对路径指以当前网页所在位置为基准建立出的目录路径，例如：



— 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

相关推荐

安全教育登录入口平台（安全教育登录入口平台官网）

122交通安全教育怎么登录:122交通网的注册方法是首先登录网址http://www.122.cn/，接着打开网页后，点击右上角的“个人登录”；其次进入邮箱注册，然后进入到注册页面，输入相关信息即可完...

大鱼吃小鱼经典版（大鱼吃小鱼经典版(经典版)官方版）

大鱼吃小鱼小鱼吃虾是于谦跟郭麒麟的《我的棒儿呢？》郭德纲说于思洋郭麒麟作诗的相声，最后郭麒麟做了一首，师傅躺在师母身上大鱼吃小鱼小鱼吃虾虾吃水水落石出师傅压师娘师娘压床床压地地动山摇。...

谷歌地球下载高清卫星地图（谷歌地球地图下载器）
  • 谷歌地球下载高清卫星地图（谷歌地球地图下载器）
  • 谷歌地球下载高清卫星地图（谷歌地球地图下载器）
  • 谷歌地球下载高清卫星地图（谷歌地球地图下载器）
  • 谷歌地球下载高清卫星地图（谷歌地球地图下载器）
哪个软件可以免费pdf转ppt（免费的pdf转ppt软件哪个好）
哪个软件可以免费pdf转ppt（免费的pdf转ppt软件哪个好）

要想将ppt免费转换为pdf的话，我们建议大家可以下一个那个wps，如果你是会员的话，可以注册为会员，这样的话，在wps里面的话，就可以免费将ppt呢转换为pdfpdf之后呢，我们就可以直接使用，不需要去直接不需要去另外保存，为什么格式转...

2026-02-04 09:03 off999

电信宽带测速官网入口（电信宽带测速官网入口app）

这个网站看看http://www.swok.cn/pcindex.jsp1.登录中国电信网上营业厅，宽带光纤，贴心服务，宽带测速2.下载第三方软件，如360等。进行在线测速进行宽带测速时，尽...

植物大战僵尸95版手机下载（植物大战僵尸95 版下载）

1可以在应用商店或者游戏平台上下载植物大战僵尸95版手机游戏。2下载教程：打开应用商店或者游戏平台，搜索“植物大战僵尸95版”，找到游戏后点击下载按钮，等待下载完成即可安装并开始游戏。3注意：确...

免费下载ppt成品的网站（ppt成品免费下载的网站有哪些）

1、Chuangkit（chuangkit.com）直达地址：chuangkit.com2、Woodo幻灯片（woodo.cn）直达链接：woodo.cn3、OfficePlus（officeplu...

2025世界杯赛程表（2025世界杯在哪个国家）

2022年卡塔尔世界杯赛程公布，全部比赛在卡塔尔境内8座球场举行，2022年，决赛阶段球队全部确定。揭幕战于当地时间11月20日19时进行，由东道主卡塔尔对阵厄瓜多尔，决赛于当地时间12月18日...

下载搜狐视频电视剧（搜狐电视剧下载安装）

搜狐视频APP下载好的视频想要导出到手机相册里方法如下1、打开手机搜狐视频软件，进入搜狐视频后我们点击右上角的“查找”，找到自已喜欢的视频。2、在“浏览器页面搜索”窗口中，输入要下载的视频的名称，然后...

pubg免费下载入口（pubg下载入口官方正版）
  • pubg免费下载入口（pubg下载入口官方正版）
  • pubg免费下载入口（pubg下载入口官方正版）
  • pubg免费下载入口（pubg下载入口官方正版）
  • pubg免费下载入口（pubg下载入口官方正版）
永久免费听歌网站（丫丫音乐网）

可以到《我爱音乐网》《好听音乐网》《一听音乐网》《YYMP3音乐网》还可以到《九天音乐网》永久免费听歌软件有酷狗音乐和天猫精灵，以前要跳舞经常要下载舞曲，我从QQ上找不到舞曲下载就从酷狗音乐上找，大多...

音乐格式转换mp3软件（音乐格式转换器免费版）

有两种方法：方法一在手机上操作：1、进入手机中的文件管理。2、在其中选择“音乐”，将显示出手机中的全部音乐。3、点击“全选”，选中所有音乐文件。4、点击屏幕右下方的省略号图标，在弹出菜单中选择“...

电子书txt下载（免费的最全的小说阅读器）

1.Z-library里面收录了近千万本电子书籍，需求量大。2.苦瓜书盘没有广告，不需要账号注册，使用起来非常简单，直接搜索预览下载即可。3.鸠摩搜书整体风格简洁清晰，书籍资源丰富。4.亚马逊图书书籍...

最好免费观看高清电影（播放免费的最好看的电影）

在目前的网上选择中，IMDb（互联网电影数据库）被认为是最全的电影网站之一。这个网站提供了各种类型的电影和电视节目的海量信息，包括剧情介绍、演员表、评价、评论等。其还提供了有关电影制作背后的详细信息，...

孤单枪手2简体中文版（孤单枪手2简体中文版官方下载）

要将《孤胆枪手2》游戏的征兵秘籍切换为中文，您可以按照以下步骤进行操作：首先，打开游戏设置选项，通常可以在游戏主菜单或游戏内部找到。然后，寻找语言选项或界面选项，点击进入。在语言选项中，选择中文作为游...

取消回复欢迎 你 发表评论:

一周热门
最近发表
标签列表
Copyright Your WebSite.Some Rights Reserved.