您当前的位置:首页 > 电脑百科 > 程序开发 > 编程百科

HTML、CSS、JavaScript、PHP、 MySQL 的学习顺序是什么?

时间:2019-06-18 09:23:40  来源:  作者:

这是我在知乎上的一个回答, 如果有兴趣的同学可以在知乎上搜索我的账户: jsppedu。

1、横向分类

前端:htmlcssJAVAScript

后端:phpMySQL


2、责任分类

HTML:负责网页结构部分

CSS:负责网页布局与样式部分

JavaScript:负责网页程序逻辑、动态渲染与特效部分

PHP:负责服务端逻辑与数据库操作部分

MySQL:负责数据存储部分


3、学习技术与人的类比

1、首先,人要有一个基本的组成(头、身体、胳膊、手、腿、脚)

-> 学习HTML

2、其次,人要有一个所有组成部分的有序组合和着装(将各部分组成一个身体并穿上衣服)

-> 学习CSS

3、再其次,人需要有一些逻辑思维来支撑人的活动能力(吃饭、睡觉、运动等)

-> 学习JavaScript

4、再次,人需要有动脑思考问题的能力(比如学习、解决问题、道德行为等)

-> 学习PHP

5、最后,人需要一些知识、信息的储备来武装自己成为一个有能力、有素养的人

-> 学习MySQL


4、基本总结:HTML/CSS -> JavaScript -> PHP/MySQL

HTML、CSS、JavaScript、PHP、 MySQL 的学习顺序是什么?

 

5、具体分析

1、所谓『全栈』

对于初学者来说,全栈是引以为豪的称谓。

对于成熟的工程师来说,全栈大多数情况下是个贬义词。

原因:初学者为了完成一个完整的项目,会快速学习前后端所有己需的技术点,但无论前端还是后端,都是一门技术。首先,任何开发者的开发技术的成熟都依赖的坚实的理论基础和业务经验,所以往往自学的开发者很难胜任企业的开发任务,任何企业都需要易读、易维护、易扩展、并且科学的项目架构和代码,而往往缺乏理论基础和业务指导的学习者,很难将项目的开发做到以上的要求,这也就出现了自学成才的初学者始终都处在『全栈自嗨』的状况中。而殊不知全栈的感念误导了自己,变成一个非职业、非专业的代码生产者。其次,缺乏扎实的理论基础的学习者,很难理解更加高深的技术点,比如函数式编程中的柯里化、偏函数、ECMAScript中的原型、闭包、圣杯模式等等,这就阻碍了学习者进一步提升开发能力的步伐。

一个成熟的工程师,绝不敢说自己的全栈工程师,因为自己心里清楚,我的技术门类是前端,前端我是专业的,就算我确实会写PHP、Java,我也不敢说我精通或者我也可以承担后端的工作,这是一个工程师的态度,所谓术业有专攻嘛。

如果的如果

你就想什么都会,根据前述,导出一个学习顺序:

1、HTML/CSS在一个阶段学习:结构和样式必须一起学,才有直观感。

PS:总得先弄清楚HTML基本的标签吧!

也少不了学完后,做个京东淘宝首屏,我不会做!

抠破脑袋,给我摩出来,这是必经之路。

抱歉!给你压力了!

2、JavaScript单独学习:(伤不起的前端在此刻出现)

JavaScript是一个很难的语言!!

再成熟、再牛X的前端工程师也会说同样的话。原因是因为它十分灵活。

怎么写好像都对,但你就是不知道怎么写。有同样的感觉吧?

他,分为三个部分:

1、ECMAScript 2、DOM 3、BOM

懂行的都知道ECMAScript对于初学者来说,是最难的部分,什么作用域、什么原型原型链、什么闭包、什么对象数组一大堆东西。如果你在学习JavaScript时,觉得特简单,对不起,我只能建议你重新学习。学习ECMAScript周期最长。

DOM也不简单,因为.......内容也非常多,什么遍历树、什么节点、什么元素、一大堆兼容性封装,什么冒泡捕获事件代理、什么鼠标键盘行为、什么拖拽、什么鼠标行为预测、什么双击单击 一大堆封装、什么DOM事件处理函数逻辑、一大堆案例等着你做。

BOM相对简单,需要掌握的不多,强调一下,不是没用,是兼容性不好,毕竟是孤儿,没有规范,所以就只能将就用一下,但你也不能忽略他其中的单页面应用的学习。

3、PHP和MySQLy一起学

PHP的基本语法搞懂以后,你可能想做点啥。

那你就得折腾一下数据了,没有数据就没有项目,你懂的。

当然,这是你自己要选择『全栈』的哈,表怪我。

2、所谓『WEB开发学习的态度』

技术的学习本是一个漫长的过程,但是...由于社会的浮躁感,让本该有过程的事变得急于求成而最终跪败。

所谓全栈,也不过就是前端 + 后端的技术能力,而前端和后端各是一门技术与学科,所以真正的WEB开发学习的态度应该是钻研一门技术,这也是企业需要的,全栈的称谓在这个时代,已经逐渐被企业所唾弃,原因很简单,全栈 === 技术不精,而有人肯定会吐槽我的观点说:很多成熟的工程师都会前后端,人家多成功啊。但你不知道的是全栈作为技术钻研是可敬的,但作为技术的炫耀与称谓是可悲的,因为一句古话:术业有专攻,时间花在前端技术钻研上,你后端的能力肯定会逊色,反之亦然。不要说有很多精力学习,单独一个前端或后端就够学上个好歹(这里不敢瞎说时间)。

最后希望我的答案,能够帮助问者揭开学习疑惑,再问题的基础上,我又阐述了很多相关的东西,我相信问者也会需要。

谢谢各位的阅读
 



Tags:HTML   点击:()  评论:()
声明:本站部分内容及图片来自互联网,转载是出于传递更多信息之目的,内容观点仅代表作者本人,如有任何标注错误或版权侵犯请与我们联系(Email:2595517585@qq.com),我们将及时更正、删除,谢谢。
▌相关推荐
《开源精选》是我们分享Github、Gitee等开源社区中优质项目的栏目,包括技术、学习、实用与各种有趣的内容。本期推荐的是一个开源的 HTML5 视频播放器插件——MuiP...【详细内容】
2021-12-16  Tags: HTML  点击:(23)  评论:(0)  加入收藏
此文由掘金@天行天忌授权发布,前端晚间课对其内容进行微改。 HTML,超文本标记语言,是一种用于创建网页的标准标记语言。自从引入 HTML 以来,它就一直用于构建互联网。与 JavaScr...【详细内容】
2021-11-23  Tags: HTML  点击:(326)  评论:(0)  加入收藏
HTML是什么?超文本标记语言(Hyper Text Markup Language),标准通用标记语言下的一个应用。HTML 不是一种编程语言,而是一种标记语言 (markup language),是网页制作所必备的。“...【详细内容】
2021-11-05  Tags: HTML  点击:(40)  评论:(0)  加入收藏
一、iframe标签 自己编写的页面中如果要引用外部的页面的话,可以使用iframe标签来实现。为了更好地理解举个例子,前面几篇中我们都是在index.hmtl中编写代码。如果有个需求是...【详细内容】
2021-11-03  Tags: HTML  点击:(29)  评论:(0)  加入收藏
Web项目开发中视频播放是一个非常常见的需求,需要播放器能够支持pc端和移动端的使用,并且支持常见的视频格式。我们从github上精选了5款优秀的Html5 播放器插件分享给大家。(排...【详细内容】
2021-09-17  Tags: HTML  点击:(101)  评论:(0)  加入收藏
前言在刚接触HTML的时候,你是否被它众多的标签所惊讶?尤其是HTNL5的标签,新增了不少,很多HTML4的标签跨版本之后就用不了了,如此多的标签,要记是不可能记完的,我们只需要一些常用的...【详细内容】
2021-08-27  Tags: HTML  点击:(343)  评论:(0)  加入收藏
我们倾向于使用HTML与CSS、JavaScript等,使我们的网站或博客看起来更有吸引力,但你知道仅HTML就有很多实用的秘密,可能会派上用场,帮助你设计一个华丽的网站?下面是一些很酷的HTM...【详细内容】
2021-08-13  Tags: HTML  点击:(90)  评论:(0)  加入收藏
meta 标签分两大部分:HTTP 标题信息(http-equiv)和页面描述信息(name)。 1、声明文档使用的字符编码<meta charset=&#39;utf-8&#39;>以下设置更为详细:<meta http-equiv="Content-...【详细内容】
2021-08-12  Tags: HTML  点击:(91)  评论:(0)  加入收藏
本节我们讲HTML表单标签,当你在网页输入框提交一个数据,这条数据一般是提交给了服务器,然后服务器根据请求返回你想要的数据,这个你输入信息的输入框或者提交的按钮就是HTML表...【详细内容】
2021-06-25  Tags: HTML  点击:(141)  评论:(0)  加入收藏
同事跟我说他用jQuery取不到页面上隐藏元素input的值,他的html页面大概内容如下。<!DOCTYPE html><html lang="zh"> <head> <meta http-equiv="Content-Type" content="text/...【详细内容】
2021-05-18  Tags: HTML  点击:(220)  评论:(0)  加入收藏
▌简易百科推荐
本文分为三个等级自顶向下地分析了glibc中内存分配与回收的过程。本文不过度关注细节,因此只是分别从arena层次、bin层次、chunk层次进行图解,而不涉及有关指针的具体操作。前...【详细内容】
2021-12-28  linux技术栈    Tags:glibc   点击:(3)  评论:(0)  加入收藏
摘 要 (OF作品展示)OF之前介绍了用python实现数据可视化、数据分析及一些小项目,但基本都是后端的知识。想要做一个好看的可视化大屏,我们还要学一些前端的知识(vue),网上有很多比...【详细内容】
2021-12-27  项目与数据管理    Tags:Vue   点击:(2)  评论:(0)  加入收藏
程序是如何被执行的&emsp;&emsp;程序是如何被执行的?许多开发者可能也没法回答这个问题,大多数人更注重的是如何编写程序,却不会太注意编写好的程序是如何被运行,这并不是一个好...【详细内容】
2021-12-23  IT学习日记    Tags:程序   点击:(9)  评论:(0)  加入收藏
阅读收获✔️1. 了解单点登录实现原理✔️2. 掌握快速使用xxl-sso接入单点登录功能一、早期的多系统登录解决方案 单系统登录解决方案的核心是cookie,cookie携带会话id在浏览器...【详细内容】
2021-12-23  程序yuan    Tags:单点登录(   点击:(8)  评论:(0)  加入收藏
下载Eclipse RCP IDE如果你电脑上还没有安装Eclipse,那么请到这里下载对应版本的软件进行安装。具体的安装步骤就不在这赘述了。创建第一个标准Eclipse RCP应用(总共分为六步)1...【详细内容】
2021-12-22  阿福ChrisYuan    Tags:RCP应用   点击:(7)  评论:(0)  加入收藏
今天想简单聊一聊 Token 的 Value Capture,就是币的价值问题。首先说明啊,这个话题包含的内容非常之光,Token 的经济学设计也可以包含诸多问题,所以几乎不可能把这个问题说的清...【详细内容】
2021-12-21  唐少华TSH    Tags:Token   点击:(10)  评论:(0)  加入收藏
实现效果:假如有10条数据,分组展示,默认在当前页面展示4个,点击换一批,从第5个开始继续展示,到最后一组,再重新返回到第一组 data() { return { qList: [], //处理后...【详细内容】
2021-12-17  Mason程    Tags:VUE   点击:(14)  评论:(0)  加入收藏
什么是性能调优?(what) 为什么需要性能调优?(why) 什么时候需要性能调优?(when) 什么地方需要性能调优?(where) 什么时候来进行性能调优?(who) 怎么样进行性能调优?(How) 硬件配...【详细内容】
2021-12-16  软件测试小p    Tags:性能调优   点击:(20)  评论:(0)  加入收藏
Tasker 是一款适用于 Android 设备的高级自动化应用,它可以通过脚本让重复性的操作自动运行,提高效率。 不知道从哪里听说的抖音 app 会导致 OLED 屏幕烧屏。于是就现学现卖,自...【详细内容】
2021-12-15  ITBang    Tags:抖音防烧屏   点击:(25)  评论:(0)  加入收藏
11 月 23 日,Rust Moderation Team(审核团队)在 GitHub 上发布了辞职公告,即刻生效。根据公告,审核团队集体辞职是为了抗议 Rust 核心团队(Core team)在执行社区行为准则和标准上...【详细内容】
2021-12-15  InfoQ    Tags:Rust   点击:(25)  评论:(0)  加入收藏
最新更新
栏目热门
栏目头条