Codecademy创造奇迹!

我是一个非常动手的人,他对细节和创意充满热情,对艺术和设计很感兴趣。 我已经处理过Adobe Illustrator,Design和Photoshop中体现的各个创意项目。

从某种意义上说,学习上述那些程序的基础知识可以一起工作,从而产生最终的项目。 相比之下,编码是一回事。 采取不同的功能和命令可以突出显示HTML,CSS和Javascript都需要的和谐关系,即开发交互式,动态和动画的网站或服务。

首先,我将HTML课程与Adobe Illustrator进行了比较–在编程的这个阶段,我意识到使用HTML进行编码包含了一些快捷的语言(例如Illustrator上的画笔,钢笔和套索工具),它们实际上可以绘制网站的骨架。

在网站上注册帐户后,我决定参加基本的摘要代码编写课程。

屏幕截图由Ryan Saballa通过Codecademy捕获

这个简单的编码介绍涉及以下基础知识:更改单词,消息,颜色和鼠标对动画的敏感度。

屏幕截图由Ryan Saballa通过Codecademy捕获

在了解了编码基础之后,我直接学习了HTML和CSS,创建了一个模拟网站,该网站的主题是“度假时租借自行车”。

屏幕截图由Ryan Saballa通过Codecademy捕获

Codecademy确实为每个用户提供了无缝的体验。 我喜欢学习界面的布局,因为屏幕分为三个面板。 第一个面板突出显示了与个人项目相关的主题和说明-在这种情况下,就是创建一个网站。

屏幕截图由Ryan Saballa通过Codecademy捕获

乍一看,它似乎并不复杂。 从我的第一篇入门课程到在Codecademy上编码,我确实记得为了创建网站的前端设计所需要的特定功能。

在开发一个模拟网站的过程中,对我来说最重要的是我学到的特定功能。 详细地说,我对Anchor Elements感兴趣。 锚元素是一项功能,允许用户单击带有附加链接的单词-类似于Medium.com允许用户实现指向该单词的网站链接的方式。

屏幕截图由Ryan Saballa通过Codecademy捕获

我最喜欢Codecademy的是在程序各个阶段之间的小课间休息—例如:Codecademy提供了锚元素的细分,与实际编码方式有关。

屏幕截图由Ryan Saballa通过Codecademy捕获
屏幕截图由Ryan Saballa通过Codecademy捕获
屏幕截图由Ryan Saballa通过Codecademy捕获

通过一个简单的基本网站,仅用文字,我就能理解添加图像和视频以使网站更完整和更具交互性的逐步过程。

屏幕截图由Ryan Saballa通过Codecademy捕获

而且,我了解到使用“列表”和“容器”元素来实现侧栏面板并不难。 完成本节课程的学习后,我运用了这一新知识,并制作了另一个模型网站,该网站包含一个促销网站,该网站的特色是佐治亚州亚特兰大的一个乐队,名为“ Common Cents Party”。

屏幕截图由Ryan Saballa通过Codecademy捕获

这是最终代码的细分:

屏幕截图由Ryan Saballa通过Codecademy捕获
屏幕截图由Ryan Saballa通过Codecademy捕获

对于那些对编码感兴趣的人,Codecademy是一种友好而有用的工具。 这个在线平台具有我高中时代的编码经验,具有独特的界面布局,并提供了更多的中级和专业水平的课程。

在我看来,我是一个狂热者,将继续使用它仍然拥有的免费程序-如果我想进入创意用户​​界面(UI)市场,可以进入中级专业课程。 。