程序员分享自创的神奇宝贝风格网站后，炸出了一大波Web开发大佬
off999 2025-04-06 19:56 82 浏览 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
相关推荐
- 使用 python-fire 快速构建 CLI_如何搭建python项目架构
-
命令行应用程序是开发人员最好的朋友。想快速完成某事？只需敲击几下键盘，您就已经拥有了想要的东西。Python是许多开发人员在需要快速组合某些东西时选择的第一语言。但是我们拼凑起来的东西在大多数时候并...
- Python 闭包:从底层逻辑到实战避坑，附安全防护指南
-
一、闭包到底是什么？你可以把闭包理解成一个"带记忆的函数"。它诞生时会悄悄记下自己周围的变量，哪怕跑到别的地方执行，这些"记忆"也不会丢失。就像有人出门时总会带上...
- 使用Python实现九九乘法表的打印_用python打印一个九九乘法表
-
任务要求九九乘法表的结构如下：1×1=11×2=22×2=41×3=32×3=63×3=9...1×9=92×9=18...9×9=81使用Python编写程序，按照上述格式打印出完整的九...
- 吊打面试官(四)--Java语法基础运算符一文全掌握
-
简介本文介绍了Java运算符相关知识，包含运算规则，运算符使用经验，特殊运算符注意事项等，全文5400字。熟悉了这些内容，在运算符这块就可以吊打面试官了。Java运算符的规则与特性1.贪心规则（Ma...
- Python三目运算基础与进阶_python三目运算符判断三个变量
-
#头条创作挑战赛#Python中你学会了三步运算，你将会省去很多无用的代码，我接下来由基础到进阶的方式讲解Python三目运算基础在Python中，三目运算符也称为条件表达式。它可以通过一行代码实现条...
- Python 中 必须掌握的 20 个核心函数——set()详解
-
set()是Python中用于创建集合的核心函数，集合是一种无序、不重复元素的容器，非常适合用于成员检测、去重和数学集合运算。一、set()的基本用法1.1创建空集合#创建空集合empty_se...
- 15个让Python编码效率翻倍的实用技巧
-
在软件开发领域，代码质量往往比代码数量更重要。本文整理的15个Python编码技巧，源自开发者在真实项目中验证过的工作方法，能够帮助您用更简洁的代码实现更清晰的逻辑。这些技巧覆盖基础语法优化到高级特性...
- 《Python从小白到入门》自学课程目录汇总(和猫妹学Python)
-
小朋友们好，大朋友们好！不知不觉，这套猫妹自学Python基础课程已经结束了，猫妹体会到了水滴石穿的力量。水一直向下滴，时间长了能把石头滴穿。只要坚持不懈，细微之力也能做出很难办的事。就比如咱们的学习...
- 8÷2(2+2) 等于1还是16?国外网友为这道小学数学题吵疯了……
-
近日，国外网友因为一道小学数学题在推特上争得热火朝天。事情的起因是一个推特网友@pjmdoll发布了一条推文，让他的关注者解答一道数学题：Viralmathequationshavebeen...
- Python学不会来打我(21)python表达式知识点汇总
-
在Python中，表达式是由变量、运算符、函数调用等组合而成的语句，用于产生值或执行特定操作。以下是对Python中常见表达式的详细讲解：1.1算术表达式涉及数学运算的表达式。例如：a=5b...
- Python运算符:数学助手，轻松拿咧
-
Python中的运算符就像是生活中的数学助手，帮助我们快速准确地完成这些计算。比如购物时计算总价、做家务时分配任务等。这篇文章就来详细聊聊Python中的各种运算符，并通过实际代码示例帮助你更好地理解...
- Python学不会来打我(17)逻辑运算符的使用方法与使用场景
-
在Python编程中，逻辑运算符（LogicalOperators）是用于组合多个条件表达式的关键工具。它们可以将多个布尔表达式连接起来，形成更复杂的判断逻辑，并返回一个布尔值（True或Fa...
- Python编程基础:运算符的优先级_python中的运算符优先级问题
-
多个运算符同时出现在一个表达式中时，先执行哪个，后执行哪个，这就涉及运算符的优先级。如数学表达式，有+、-、×、÷、()等，优先级顺序是()、×、÷、+、-，如5+(5-3)×4÷2，先计算(5-3)...
- Python运算符与表达式_python中运算符&的功能
-
一、运算符分类总览1.Python运算符全景图2.运算符优先级表表1.3.1Python运算符优先级（从高到低）优先级运算符描述结合性1**指数右→左2~+-位非/一元加减右→左3*//...
- Python操作Excel:从基础到高级的深度实践
-
Python凭借其丰富的库生态系统，已成为自动化处理Excel数据的强大工具。本文将深入探讨五个关键领域，通过实际代码示例展示如何利用Python进行高效的Excel操作，涵盖数据处理、格式控制、可视...
欢迎 你 发表评论:
- 一周热门
- 最近发表
-
- 使用 python-fire 快速构建 CLI_如何搭建python项目架构
- Python 闭包:从底层逻辑到实战避坑，附安全防护指南
- 使用Python实现九九乘法表的打印_用python打印一个九九乘法表
- 吊打面试官(四)--Java语法基础运算符一文全掌握
- Python三目运算基础与进阶_python三目运算符判断三个变量
- Python 中 必须掌握的 20 个核心函数——set()详解
- 15个让Python编码效率翻倍的实用技巧
- 《Python从小白到入门》自学课程目录汇总(和猫妹学Python)
- 8÷2(2+2) 等于1还是16?国外网友为这道小学数学题吵疯了……
- Python学不会来打我(21)python表达式知识点汇总
- 标签列表
-
- python计时 (73)
- python安装路径 (56)
- python类型转换 (93)
- python进度条 (67)
- python吧 (67)
- python的for循环 (65)
- python格式化字符串 (61)
- python静态方法 (57)
- python列表切片 (59)
- python面向对象编程 (60)
- python 代码加密 (65)
- python串口编程 (77)
- python封装 (57)
- python写入txt (66)
- python读取文件夹下所有文件 (59)
- python操作mysql数据库 (66)
- python获取列表的长度 (64)
- python接口 (63)
- python调用函数 (57)
- python多态 (60)
- python匿名函数 (59)
- python打印九九乘法表 (65)
- python赋值 (62)
- python异常 (69)
- python元祖 (57)