第二部分:网页设计师应该如何学习编程代码?从GitHub开始

在第一部分中,我们学习了终端的基础知识,以及如何选择代码编辑器编程代码。在第二部分中,我们要学会使用Git与学习基础HTML和CSS,更重要是要了解开发工程的运行原理。

目前网上有很多的代码管理平台,但是我们现在大家都比较熟悉的GitHub进行管理我们代码,其他代码管理平台差不多类似,过程与原理都是一样的。

在进行编程代码之前我们先注册GitHub账号,了解GitHub工作原理,我们在GitHub找到一个开源web项目(前端部分), 下载到自己的电脑,用浏览器就可以打开文件就可以看到网页内容。


第二部分:网页设计师应该如何学习编程代码?从GitHub开始


当然你也可以使用第一部分我们说的使用终端下载到自己的电脑,基本步骤:

步骤1:FORK

在您的GITHUB帐户上获取代码的副本

第2步:克隆(将代码下载到您的计算机中)

clone hhs地址

步骤3:安装(在计算机上运行)

导航到/project文件夹。输入cd liferay.design。大多数项目将在文件夹中包含README.md文件/root,这通常是安装和运行项目的起点。就我们而言,要安装,请输入npm install。安装完成后,输入npm run dev。恭喜你!现在,您可以在本地计算机上使用该站点,项目会告诉您该站点的运行位置。打开浏览器并转到localhost:7777。

步骤4:提交(进行一些更改并保存)

第5步:推送(将更改发送到原点)

第6步:提取请求(将你的更改合并)

提示:使用git remote -v终端检查

HTML和CSS:从语义入手

在网络上,有无数的HTML和CSS的共享资源,可以开始你的第一步编程之路。

什么是HTML和CSS?

在进一步介绍之前,让我们了解HTML和CSS。

HTML代表超文本标记语言。

“超文本是显示在计算机显示器或其他电子设备上的文本,带有对读者可以立即访问的其他文本的引用(超链接)。”

标记语言:

“一种用于以语法上可区别于文本的方式注释文档的系统。”

HTML文档有两个主要部分:

和和。

CSS代表Cascading Style Sheets(级联样式表)-它通过扩展文档的自定义外观来扩展HTML。

初级语法开始,但是不建议背下来,而是通过练习自然熟练,跟着网上免费教程编程吧。

每天坚持编程一定的代码,在错误中发现问题,我相信一周之后你就完全了解代码运行过程与原理。


分享到:


相關文章: