网页编程代码教程(学生个人网页制作html)

2022-07-17,,,,

如果有一个软件可以做所有事该多好?事实上,我们正在一步步地接近这个梦想,浏览器可能是很多人点开最多的软件。

近十年来,电脑软件逐渐被网页取代:音乐从itunes转移到了spotify和pandora网站上,文字编辑转移到了google docs和office365在线文档,设计制作从photoshop转移到了figma。

然而,网页开发又与电脑性能息息相关,如今编程对电脑功能要求越来越高。虽然glitch、codepen等代码编辑工具已经允许开发人员在网页上完成部分工作,但更高级复杂的开发语言还是只能在软件里完成。

而github将要改变这一现状。这家属于微软的公司推出了一款叫codespaces的代码编辑器,不管你使用哪种设备,都完全可以在网页上写代码。

基于与microsoft的visual studio代码编辑器相同的代码库(可在windows,linux和macos上运行),codespaces在github网站上设置了一个按钮,点击即可链接到整个在线开发环境。

无论使用哪种开发环境,很多开发人员都选择在github上浏览和存储代码,可见在github上发布一款代码编辑器十分便捷,无需安装任何软件。

此外,codespaces不只是个代码编辑器,它还是个“容器”,能容纳所有版本的服务器,这意味着你可以预先配置你在项目中用得到的所有资源,比如说php服务器和redis缓存。

图源:getty images

docker公司将这一技术发扬光大。容器可以把服务器的功能打包成微小轻薄的模块,通过混合匹配搭建出一个开发环境。例如,如果你在做一个基于php的laravel项目,你需要用到php服务器、mysql以及redis缓存。

利用容器化技术你可以指定你需要的每一项工具,每次打开代码库时它们就会自动启动,这样在不同电脑上完成同一个项目会变得更加方便快捷,也不需要每次都重新配置开发环境。

每个codespaces环境都包含一个dockerfile(用于指定环境的容器和配置)以及一个用于设置codespaces开发环境的文件。与以往的开发环境不同,使用codespaces无需在编码前配置本地服务器与应用程序。如果开发人员需要快速投入到项目开发中,只需点击即可准备好所有服务器和相关配置。

图源:unsplash

代码开发从本地转移到云端也为开发人员打开了互助的大门。live share 功能类似谷歌的共享文档,通过程序内置的音频和文本聊天功能允许远程开发人员共同解决编程问题。

此外,codespaces最厉害的是它的一项远程功能,只要开发人员当前使用的设备上安装有microsoftvisual studio code软件,即便这台设备不是能运行实际所需代码库的重型电脑,开发人员也完全可以在该设备上开发项目。

运行时,他们可以通过这项远程功能访问自己的visualstudio code开发环境,使用云端网页编辑器,所有的设置、扩展程序甚至连颜色图案都是一样的,就好像在自己的电脑上工作一样。

图源:unsplash

coder 和亚马逊的cloud9等类似codespaces的云端产品早在三年前就已出现,但codespaces的优势在于它可与github直接整合。

值得注意的是,第一次使用codespaces时需要花点时间:你需要确定项目所需的技术并确保将他们设置正确。设置好之后,等到以后要用的时候,点击github上的code就能在几秒钟内全部设置好,直接写代码就完事。

microsoft为提升开发人员的体验做出了一系列努力,codespaces是他们做出的最新成果。2016年,microsof开始决定windows用户可以体验linux系统,没人预料到微软会在其专有系统中增加对开源操作系统的支持,当时这令整个行业感到震惊。

在2018年,microsoft收购了代码托管平台github,今年github又收购了npm的代码分发服务。microsoft已将visual studio code打造成最受欢迎的代码编辑器,根据最新的stack overflow developer survey数据显示,超过50%的开发人员都在使用这款软件。

据推测,microsoft可能是想在获得开发人员支持后再通过这些产品盈利,开发人员很可能会最终选择把项目托管在microsoft的云端托管平台azure上。

但是,codespaces这样的产品,是使用chromebooks甚至是ipad等便携式设备用户的福音,许多软件都无法在这些设备上安装。使用云端软件就不会受到这些限制的影响,只要你能联网,无所谓你用什么设备写代码。

图源:unsplash

对笔者来说,软件开发转移到云端最令人兴奋的地方在于:有想用什么电脑就用什么电脑的自由,即便这台电脑严格来说不适合做软件开发,例如搭载功能受限的arm处理器的surface pro x,下载一个最新版本的网页浏览器就足以了。

这对新手来说也是个好消息,无论是用5000美元的macbook pro还是用300美元的chromebook,在云端开发都是一样的。

编码新时代就要到啦!

《网页编程代码教程(学生个人网页制作html).doc》

下载本文的Word格式文档,以方便收藏与打印。