技术标签: 前端 服务器 Web编程入门 javascript
欢迎来到霍大侠的小院,我们来学习Web入门开发的系列课程。
首先我们来了解下这个课程能学到什么?
1、你将可以掌握Web网站的开发全过程。
2、了解基础的HTML,CSS,JavaScript语言。
3、开发自己的第一个网站。
4、认识很多对编程感兴趣的朋友,一起学习交流。
有什么展现成果吗?
完成属于你的网站,展示给你的家人朋友们,比如做一个家人相册网站,是不是有满满的成就感。
要学习多长时间才行?
课程视频共3小时,跟着操作全程大约7小时即可。
自己看视频不会操作怎么办?
学习过程有问题可以加入我们的社群需求帮助。
本次课程工包括8个章节,在第一章节Web开发介绍中,主要是阐述整体开发的几个过程,每个过程大概的目的,让你对整体有个初步概念,然后每个深入每个阶段详细讲解,直到你掌握整体开发过程。
1 首先讲下Web是什么?web(World Wide Web)即全球广域网,也称为万维网,它是一种基于超文本和HTTP的、全球性的、动态交互的、跨平台的分布式图形信息系统。是建立在Internet上的一种网络服务,为浏览者在Internet上查找和浏览信息提供了图形化的、易于访问的直观界面,其中的文档及超级链接将Internet上的信息节点组织成一个互为关联的网状结构。
2 Web页面内容通常包含文本内容,图片,视频,动画,交互按钮等等。
早期静态没有互动的页面为Web1.0;目前主流是Web2.0的模式,网站可以和用户交互,但是主要是中心化管理,网站平台管理用户数据;最近很火的web3.0主要是倾向数据私有化,去中心化的理念,目前还在渐进的发展过程中。
3 Web网站怎样让他人看到?
这些内容是由html代码,css样式和js动态脚本实现的。对于动态数据,用户信息等内容是通过后端语言实现的。写好的Web网站发布到服务器上,然后通过关联域名地址就可以呈现给别人了。这个案例中浏览器的url就是网站的域名。
不过在开始编写我们第一个网站前,我们需要好好思考下自己要做什么,也就是先要设计下自己网站。比如网站要展示什么?有什么交互行为?都要支持什么设备展示等等。开发技术只是工具而已,核心是我们要用这个工具做什么事情。再好的技术也是需要落实到人类的需求层面上的。
4 本课程每部分重点讲什么?
主要分三大部分,第1,2节课是了解Web和网站设计的要素。第3,4,5,6节课是落地实现的一个过程,是技术细节的学习;第7节课运行原理是对整体学习到一个系统串联,了解下Web运行机制。最后第8节课学习探索,我们来看看高级的Web开发都有什么技术,大型网站是什么样子的。
5 学会Web开发都能做什么?
学会Web开发,我们可以编写自己感兴趣的产品,可以找软件开发的高薪工作,也可以通过编程技术做自由职业,还能提高我们的逻辑思维能力,提高专注力。同时学会Web编程我们可以真正了解到编程技术,如果对编程感兴趣可以逐步深入学习高级的,包括后端的编程语言,掌握全栈开发能力。所以我们的整个课程让你不仅了解整体互联网Web开发,还开发自己一个Web网站,另外明白Web开发更高级的学习方向和挣钱方向。关键一点,我们的课程视频都是免费公开的,社群中还有很多大牛朋友可以帮助你学习。相信我,认真跟着我们学完整个课程,绝对让你受益匪浅。
好了,本章节先学到这里,下一章我们学习网站设计。关注我,跟着我每天学习一点点,让你不再枯燥,不再孤单。
文章浏览阅读1.1w次,点赞7次,收藏34次。vue-grid-layout的使用、实例、遇到的问题和解决方案_vue-grid-layout
文章浏览阅读218次。然后连接一个数据源,就会在下面自动产生一个添加附件的组件。把这个控件复制粘贴到页面里,就可以单独使用来上传了。插入一个“编辑”窗体。_powerapps点击按钮上传附件
文章浏览阅读264次。(1) Abstraction (抽象)(2) Polymorphism (多态)(3) Inheritance (继承)(4) Encapsulation (封装)_"object(cnofd[\"ofdrender\"])十条"
文章浏览阅读133次。删除node_modules,重新npm install看是否成功。在 package.json 文件中的 scripts 中加入。修改你的第三方库的bug等。然后目录会多出一个目录文件。_修改 node_modules
文章浏览阅读883次。【代码】【】kali--password:su的 Authentication failure问题,&sudo passwd root输入密码时Sorry, try again._password: su: authentication failure
文章浏览阅读1w次,点赞13次,收藏97次。整理5个优秀的微信小程序开源项目。收集了微信小程序开发过程中会使用到的资料、问题以及第三方组件库。_微信小程序开源模板
文章浏览阅读128次。Centos7最简搭建NFS服务器_centos7 搭建nfs server
文章浏览阅读1.2k次,点赞2次,收藏3次。前言mybatis在持久层框架中还是比较火的,一般项目都是基于ssm。虽然mybatis可以直接在xml中通过SQL语句操作数据库,很是灵活。但正其操作都要通过SQL语句进行,就必须写大量的xml文件,很是麻烦。mybatis-plus就很好的解决了这个问题。..._mybaitis-plus ruledataobjectattributemapper' and 'com.picc.rule.management.d
文章浏览阅读325次。EECE 1080C / Programming for ECESummer 2022Laboratory 4: Global Functions PracticePlagiarism will not be tolerated:Topics covered:function creation and call statements (emphasis on global functions)Objective:To practice program development b_eece1080c
文章浏览阅读53次。被同机房早就1年前就学过的东西我现在才学,wtcl。设要求的数为\(x\)。设当前处理到第\(k\)个同余式,设\(M = LCM ^ {k - 1} _ {i - 1}\) ,前\(k - 1\)个的通解就是\(x + i * M\)。那么其实第\(k\)个来说,其实就是求一个\(y\)使得\(x + y * M ≡ a_k(mod b_k)\)转化一下就是\(y * M ...
文章浏览阅读1.3k次。首先,问题是如何出现的?晚上复查代码,发现一个activity没有调用自己的ondestroy方法我表示非常的费解,于是我检查了下代码。发现再finish代码之后接了如下代码finish();System.exit(0);//这就是罪魁祸首为什么这样写会出现问题System.exit(0);////看一下函数的原型public static void exit (int code)//Added ..._android 手动杀死app,activity不执行ondestroy
文章浏览阅读894次。Q: SylixOS 版权是什么形式, 是否分为<开发版税>和<运行时版税>.A: SylixOS 是开源并免费的操作系统, 支持 BSD/GPL 协议(GPL 版本暂未确定). 没有任何的运行时版税. 您可以用她来做任何 您喜欢做的项目. 也可以修改 SylixOS 的源代码, 不需要支付任何费用. 当然笔者希望您可以将使用 SylixOS 开发的项目 (不需要开源)或对 SylixOS 源码的修改及时告知笔者.需要指出: SylixOS 本身仅是笔者用来提升自己水平而开发的_select函数 导致堆栈溢出 sylixos