[笔记] Alpha Camp 第一学期 暖身

章节连结

Alpha Camp 是个新兴的线上线下整合的课程平台。和其他的网络平台课程如 Udemy, Hahow 相比,在这个 Camp 学习程式设计的最大差别在于:真人助教的一对一客制化回应,学生也可以观看其他同学的作品,进而提升自己的功力。
alpha camp logo


课程目的

了解网络开发的基本,学习编写简单的电脑程式和网页。(摘录自其课程平台 Lighthouse)

第一周 Week 1

线框稿(wireframe)的目的在于能够传达网页内容的层次与结构,让工程师快速了解使用者的需求,并避免实际开发与想像有期待落差。Wireframe 要能完整呈现网页结构、功能,以及内容元素的相对位置与大小等。
Wireframe 的重要性不在于精细程度,手绘也可。只要能帮助工程师有效的沟通、快速达成共识即可。
线框稿绘制工具:Balsamiq、Draw.iO、Adobe Xd、Sketch…等

第二周 Week 2

这一周主要了解网页如何和使用者互动,HTML 掌管内容纯文字、CSS掌管排版及呈现样式、JavaScript 掌管使用者互动。在排版上学着上 https://www.w3schools.com/ 来查找相关资料。不过对于 float, inline-block 的使用上还需要一点时间熟悉。
[CSS]
1.要避免多余的程式码,像是透明边框 = 不用边框。
2.选择器的使用,如 .city (id); #menu (class)。
3.适当的使用注解 /* */ 及空行,来帮助他人阅读及日后修改。
4.main本身的默认底色为白色。
5.水平排版会运用到 float 属性,不过一旦浮起后,背景有机会因高度变为0而消失。故你需要指定所在区域<div>的高度值,或是 .clearfix{clear:both}; 来确保背景色会正常出现。
6.图片本身若下 width:100%,拉动时会随网页大小而变化。

第三周 Week 3

试着写出一个程式。在课程中使用 Ruby,比起曾经沾过酱油的 C++、php 之类的,使用上来更接近真实语言的英文。流程控制和逻辑算是满有趣的地方,多次测试后会发现不少盲点和可以加强的地方。对于迭代器和阵列比较不熟,在课后需要再找东西来练习。
1.整数(integer)、字串(string)、浮点数(float)、布林值(boolean)、无值(nil)
整数:-1,0,1 ;字串:abc;浮点数:1.0, 2.35, 3.14;布林值:true, false
2.运用 Repl.it 这云端开发工具,让你用浏览器来编写程式
3.Array & Hash:可见此整理
4.prints 不换行印出;puts 换行印出
5.循环(for, while, until)、迭代(iterator, unless, each)、流程控制(if-elsif-else-end)
6.语法错误和逻辑错误
syntax error:输入错误、少一个等号…等
logic error:不如预期的结果、算数错误…等

第四周 Week 4

最后一周学习运算思维来将现实当中的问题,转化成逻辑和流程控制来解决。在预防使用者输入错误上,初次接触了正规表示法。这并不是件容易的事,其代码比较接近计算器以”位元”为出发点的设计。

1. Regular Expressions (正规表示法) = 用来判断使用者的输入正确性
用 // 将条件输入其中,简易整理可见此
此外,一定范围内的数字不能以如 [0-99] 表示,而要以一个个字符来表示如 [0-9][0-9] (代表0~99)
2.各式转换,如字串要转换成数字,请记得给一个新变量来装
3.若你要重复使用某条件,for end; while end…等,别忘记于适当的地方加 break

按赞加入粉丝团

延伸阅读