开发者社区> 小院里的霍大侠> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

Web入门开发【一】- Web开发介绍

简介: 欢迎来到霍大侠的小院,我们来学习Web入门开发的系列课程。首先我们来了解下这个课程能学到什么? 1、你将可以掌握Web网站的开发全过程。 2、了解基础的HTML,CSS,JavaScript语言。 3、开发自己的第一个网站。 4、认识很多对编程感兴趣的朋友,一起学习交流。
+关注继续查看

欢迎来到霍大侠的小院,我们来学习Web入门开发的系列课程。

视频教程:https://developer.aliyun.com/live/250309?spm=a2c6h.26396819.creator-center.10.12a23e18zkIoIO

image

首先我们来了解下这个课程能学到什么?

1、你将可以掌握Web网站的开发全过程。

2、了解基础的HTML,CSS,JavaScript语言。

3、开发自己的第一个网站。

4、认识很多对编程感兴趣的朋友,一起学习交流。

image

有什么展现成果吗?

完成属于你的网站,展示给你的家人朋友们,比如做一个家人相册网站,是不是有满满的成就感。

要学习多长时间才行?

课程视频共3小时,跟着操作全程大约7小时即可。

自己看视频不会操作怎么办?

学习过程有问题可以加入我们的社群需求帮助。

image

本次课程工包括8个章节,在第一章节Web开发介绍中,主要是阐述整体开发的几个过程,每个过程大概的目的,让你对整体有个初步概念,然后每个深入每个阶段详细讲解,直到你掌握整体开发过程。

Web是什么

image

1 首先讲下Web是什么?web(World Wide Web)即全球广域网,也称为万维网,它是一种基于超文本和HTTP的、全球性的、动态交互的、跨平台的分布式图形信息系统。是建立在Internet上的一种网络服务,为浏览者在Internet上查找和浏览信息提供了图形化的、易于访问的直观界面,其中的文档及超级链接将Internet上的信息节点组织成一个互为关联的网状结构。

image

Web都包含什么

image

2 Web页面内容通常包含文本内容,图片,视频,动画,交互按钮等等。

image

早期静态没有互动的页面为Web1.0;目前主流是Web2.0的模式,网站可以和用户交互,但是主要是中心化管理,网站平台管理用户数据;最近很火的web3.0主要是倾向数据私有化,去中心化的理念,目前还在渐进的发展过程中。

image

Web网站怎样让他人看到

image

3 Web网站怎样让他人看到?

这些内容是由html代码,css样式和js动态脚本实现的。对于动态数据,用户信息等内容是通过后端语言实现的。写好的Web网站发布到服务器上,然后通过关联域名地址就可以呈现给别人了。这个案例中浏览器的url就是网站的域名。

image

不过在开始编写我们第一个网站前,我们需要好好思考下自己要做什么,也就是先要设计下自己网站。比如网站要展示什么?有什么交互行为?都要支持什么设备展示等等。开发技术只是工具而已,核心是我们要用这个工具做什么事情。再好的技术也是需要落实到人类的需求层面上的。

image

本课程每部分重点讲什么

image

4 本课程每部分重点讲什么?

主要分三大部分,第1,2节课是了解Web和网站设计的要素。第3,4,5,6节课是落地实现的一个过程,是技术细节的学习;第7节课运行原理是对整体学习到一个系统串联,了解下Web运行机制。最后第8节课学习探索,我们来看看高级的Web开发都有什么技术,大型网站是什么样子的。

image

学会Web开发都能做什么

image

5 学会Web开发都能做什么?

学会Web开发,我们可以编写自己感兴趣的产品,可以找软件开发的高薪工作,也可以通过编程技术做自由职业,还能提高我们的逻辑思维能力,提高专注力。同时学会Web编程我们可以真正了解到编程技术,如果对编程感兴趣可以逐步深入学习高级的,包括后端的编程语言,掌握全栈开发能力。所以我们的整个课程让你不仅了解整体互联网Web开发,还开发自己一个Web网站,另外明白Web开发更高级的学习方向和挣钱方向。关键一点,我们的课程视频都是免费公开的,社群中还有很多大牛朋友可以帮助你学习。相信我,认真跟着我们学完整个课程,绝对让你受益匪浅。

image

好了,本章节先学到这里,下一章我们学习网站设计。关注我,跟着我每天学习一点点,让你不再枯燥,不再孤单。

image

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
移动 Web 开发的10个优秀 JavaScript 框架
选择正确的 JavaScript 框架,对于开发移动 Web 应用程序是至关重要的,也是移动应用程序开发的一项重要任务。开发人员可以使用框架实现的功能高效地达到他们的开发目标。这些预实现的组件采用优秀的设计模式和最佳实践,促进应用程序以标准化的方式开发。最重要的是,它让开人员在开发过程中得心应手。
106 0
【今日推荐】移动 Web 开发的10个最佳 JavaScript 框架
  选择正确的 JavaScript 框架,对于开发移动 Web 应用程序是至关重要的,也是移动应用程序开发的一项重要任务。开发人员可以使用框架实现的功能高效地达到他们的开发目标。这些预实现的组件采用优秀的设计模式和最佳实践,促进应用程序以标准化的方式开发。
1862 0
+关注
小院里的霍大侠
致力于兴趣编程,跟着我每天学习一点点;终身学习,一直追求,享受过程,期待未来.....
文章
问答
文章排行榜
最热
最新
相关电子书
更多
从Web到Cloud App——YunOS Web App 开发经验分享
立即下载
Web应用系统性能优化
立即下载
Serverless 开发实战--十分钟上线一个 Web 应用
立即下载