土豆炒青椒

想到什么写什么。。。

小白自学代码做app~野路子也有春天(3)

發布於
修訂於
硬着头皮把简单粗暴进行到底

第一期教程发布的时候,大家反响还比较热烈。不少朋友都收藏了文章,表示哪天来玩玩。然鹅,到了第二期貌似内容编排跳跃度过大,几乎无人收藏,还收到了如下反馈。😅

/(ㄒoㄒ)/~~如果不可能看懂,那不就白写了嘛😥。

看来是跳跃了一些,连专业人士都出来吐槽了。

因为想着Matters用户去玩玩和自己有关的Matters API可以提升学习兴趣,同时了解API原理,所以把Matters API拿来作为学习案例。然鹅Matters API采用了GraphQL,所以不得不介绍GraphQL……

既然这样,那2期教学文5.3小作业选做,把4.3小作业弄明白就好。

只要弄明白API原理,日积月累熟能生巧,总有一天会明白GraphQL的。



既然教学文已经开写了,也不能半途而废,那还是硬着头皮写下去吧……

第六篇 Git

如果你按照教学文顺序,学习了html、css、JavaScript、json和API后,初学的你,经历以上过程可能已经遭遇了很多次挫折,代码改了又改。

在继续学习代码的路上,你的代码会越变越复杂越变越多。经常会出现:

  • 我之前写的一版代码还不错,早知道不该删的,现在恢复再用多好😥。
  • 刚刚代码还运作正常,也不知改了个什么玩意,就不能用了。要是能恢复就好了……

所以随着学习不断深入,一个叫做git的玩意需要闪亮登场了。

简单理解,git就是一个版本跟踪控制器。有了git,你在项目文件夹下修改、删除、添加……的任何操作,都会被git记录。再也不怕代码弄坏无法恢复了。


6.1 terminal 操作

在进阶学习git之前,我们需要学习terminal操作热身。

不知你是否注意到,你身边搞技术的朋友,经常对着电脑屏幕一个黑乎乎的输入框敲代码,乐此不疲,看起来很高端的样子。而你只能拿着鼠标满屏幕跑……

terminal 操作 示范

你用鼠标创建文件、文件夹的GUI(graphical user interface)操作,也可以用terminal操作。在进阶学习代码的路上,ternimal会成为继VS Code,Chrome浏览器测试网页,Postman 测试API之后,另一个新伙伴。


6.2 用terminal创建文件夹

无论你用什么操作系统,打开它,然后在里面写这些代码。

6.2.1 WINDOWS 系统小练习

  • 在当前目录创建一个叫“my_first_project“的文件夹 mkdir = make direction
mkdir my_first_project
  • 进入你刚刚通过指令创建的“my_first_project“文件夹cd = change directory
cd my_first_project
  • 在当前目录下,创建一个叫file的txt格式文件。完成后,你会发现刚刚还是空白的my_first_project文件夹下,就多了一个名为file的txt文件
copy nul "file.txt" 
  • 显示当前目录下的文件
dir
  • 返回上一级目录
cd .. 


6.2.2 MAC OS 系统小练习

  • 在当前目录创建一个叫“my_first_project“的文件夹,这一步同Windows
mkdir my_first_project 
  • 进入你刚刚通过指令进入刚刚创建的“my_first_project“文件夹,依然同Windows
cd my_first_project
  • 在当前目录下,创建一个叫file的txt格式文件。这一步和Windows略不一样
touch file.txt 
  • 显示当前目录下的文件
ls
  • 返回上一级目录
cd .. 


以上操作练习完成后,你会发现你曾经用鼠标操作过的创建文件夹,切换路径……也可以通过terminal实现相同效果。

第一次使用terminal创建文件夹,你或许很不适应,不知道为什么要学这玩意。随着你的代码和app越来越复杂,你会慢慢发现使用terminal的便捷,并逐渐习惯terminal。

明白如何通过terminal和你的电脑进行沟通,将会成为你进阶代码路线的一个里程碑。


6.3 git

有了之前的terminal小练习,现在你应该可以上路学习git了。

学习资料:W3C Git

照着W3C的教程学习下来,再去GitHub注册你的账户,你又向代码自学道路进阶了一大步。

如果你觉得通过git操作管理你在GitHub上的代码还比较抽象,你可以去安装一个GitHub Desktop。对比一下之前的terminal学习经历,你会发现你在terminal敲下git的命令和在Github Desktop按下的按钮,最后实现的都是一个效果。

随着你在自学代码的道路上越走越远,你和terminal的友情也会越发深厚。有一天你会达到无论是terminal操作还是GUI操作,一样熟练的。


6.4 GitHub小作业

本作业承前启后,结合新学的git,复习巩固之前的内容。

  1. 做一个html网页,把https://jsonplaceholder.typicode.com/albums的内容显示在你做的网页上。
  2. 制作过程中,用刚刚学来的git管理写代码过程中的更迭修改。
  3. 完成后,上传到新建的GitHub账号。


当然如果你已经明白了GraphQL,你还是可以用Matters API去做一个山寨Matters网页,然后上传GitHub。


喜歡我的文章嗎?
別忘了給點支持與讚賞,讓我知道創作的路上有你陪伴。

CC BY-NC-ND 2.0 版權聲明

小白自学代码做app~野路子也有春天(1)

小白自学代码做app~野路子也有春天(2)

12

看不過癮?

一鍵登入,即可加入全球最優質中文創作社區