老白的全栈开发学习之路 6 第二课开始前端框架

原文于2016-8-15首发

Coursera全栈网页开发的第二课,在十来天课程休息后开始了。全称是Front-End Web UI Frameworks and Tools 第一周的课程是bootstrap框架的安装和初步使用。老规矩先放周末大作业图。左侧是窄屏时的缩写显示页面,右侧是宽屏(手机横屏)的显示页面。

FSD C2 W1 P.png

利用bootstrap框架可以迅速做出移动端需要的效果。这次是我做过的最快的大作业了,只用了半个多小时(后来又用了两个小时自己做各种课程外的调试,熟悉框架特性)。第二周的课程让我体会到了框架的巨大力量,可以带来效率的数倍提升。如果要找类比的话,远大的模块化建筑(视频)大概有点前端框架的意思。
学习回顾
新内容:Bootstrap基础
Coursera 第二课第一周视频 (3小时)
港科大另一位明星教师Jogesh K. Muppala. 他的课程
条理非常清楚
,具体优点如下:

  1. 主屏显示课件,知识展示清晰;小屏显示真人自拍,课堂不死板;
  2. 讲解新知识时用幻灯片,演示写代码时用视频录像;
  3. 介绍框架时,实例演示,用很少的几个知识点层层推进,“贴近“最少够用”原则,还能以此展示出知识体系;
  4. 严谨地讲解至于偶尔幽默调侃下,气氛把握得当。
    Coursera的三个小练习和一个大作业(3小时)
    其实在有了老师视频演示后,做起来还是还方便的。要不是有些地方自己看题目不仔细,还能更快。另外,更加觉得老师演示的内容简洁明了,没有废话。
    Bootstrap相关文档学习 (3小时)
    主要是把和课程讲解,尤其是每个小练习相关的知识点再看下官方文档里的说明。
    复习内容:JavaScrip, CSS
    J. D. 的JS教程 (9小时)
    继续手打教程,到了132页。因为出现了更多的代码,自己在敲击的时候顺便改改弄弄,做调试,所以只有一小时三页的速度。不过加深了很多知识点的理解。
    J. R. 的Learning Web Design教程 (2小时)
    因为bootstrap和CSS联系比较密切,所以又去查找了该书里CSS的一些部分。
    其他
    双拼输入法安装和调试(7小时)
    再重新学习了一遍《把时间当做朋友》之后,决定学习双拼。搜索了一些资料,找到了号称”神级输入法“的
    鼠须管输入法(rime)
    。但安装和调试花了数个小时,尤其是字库。虽然鼠须管占用内存比搜狗少很多,但是字库还是硬伤,哪怕导入了一些字库。最后决定还是用搜狗小鹤双拼
    Course港科大课程推荐的网络材料 (2小时)
    主要是有关全栈开发的讨论,资料相对旧些,但是质量都很高。开启了很多新视角。

小结
Bootstrap框架打开了移动设备开发的大门。李笑来说的高效开发的确可以做到,技术部分的工作量是可以由工程师学习新技术减少的。另外,初学者找到好老师的确很重要。**严格按照老师演示的代码操作,执行完毕后再自己做有针对性的调试,可以大幅降低学习时间。

本周惊喜
本周最大的惊喜还是Jogesh K. Muppala老师。不愧是评分高达4.7的课程主讲。条理清晰又不乏幽默。以下是几张截图,btw,他还能引用儒家经典指导教学。

Full stack JS web development.png

coursera C2 W1 bootstrap.png
FSD on practice.png

本周的另一个惊喜是Muppala老师推荐的Brackets编辑器(需爬墙)。作为近年广受欢迎的编辑器,天生自带的实时预览功能可是前端开发的利器(恩,Atom也可以实时预览,但需要安装插件)。以下是动态截图(为了降低截图大小,只好把实时预览的网页放在底层,把浏览器放在表层。上面菜单部分动图就是编辑器在编辑时产生的即时显示效果):

brackets demo by Giphy Capture.gif

本周的第三个惊喜就是双拼输入法了。虽然现在还在很缓慢地打字,但发现的确大大降低了键盘敲击次数。未来熟练使用后,打字效率翻倍可期。推荐搜狗,重度用户可以考虑rime

胡思乱想
本周学习讨论李笑来《人人都是工程师》的同学越来越多了。不乏一些和我一样零基础的朋友。不少在搭建开发环境时遇到了问题,包括对很多工具都极为陌生,比如terminal(我这个可以叫叔的老家伙至少小时候还见过类似的DOS)。还有朋友很认真地一步一步做,但是在搭建JS卡发环境这一章里,“创建.js文件”就不会了。写到这里,我谈下个人的看法。

《人人都是工程师》是个很有个性的教程。每个章节文字不多,但经常会用寥寥数语引出很多经典的学习教程。比如快速学习 HTML 和 CSS一文里

把 w3schools 上的这两个教程反复看个两三遍,对不止一遍 —— 当然,光看完不够,要每个要素都要逐一实验过。别觉得自己记不住,记不住的原因只有一个,就是用的次数不够多而已。

另外,该教程总体上强调学员自己的动手能力,归纳总结能力,试错的耐心等等,并不是一本手把手教学的“傻瓜教程”。当然,作者也算是“老程序员”了,有时会把很多已经熟练掌握的东西一下子写出来而忽略新手因为一点背景也没有,无法理解。所以,我建议大家,尤其是零基础的同学,****把《人人都是工程师》当作一本“未习得知识索引”来看。****具体的学习还是要把更多精力放在经典的传统教材上。比如《人人》里提到的w3schools,算上练习时间,一百小时也不够的。

今日推荐
刚才提到了“老程序员”可能会忽视新手无基础知识背景的问题。这里就给大家一个漫画
其实这次推荐的就是霍炬,西乔夫妇两的两个微信公众号。分别是“歪理邪说”和“神秘的程序员们”。
霍炬在《把时间当作朋友》一书中的“补记”里有介绍,是“connector”兼“maven”。西乔在《人人都能用英语》里也有提及,是那个用了很短时间学好英语通过雅思然后移民的人。夫妇两都可以算是工程师。一个还是不错的科幻短篇作者,一个是功力不凡的设计师。搭档出品的作品之一,“神秘的程序员们”已经连载几年,连广告植入都毫无违和感,不得不安利给大家。


这次的文章很简练吧?拜练习双拼所赐,是我最近打字时间最长的一篇了。。。。。。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 203,271评论 5 476
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,275评论 2 380
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,151评论 0 336
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,550评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,553评论 5 365
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,559评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,924评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,580评论 0 257
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,826评论 1 297
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,578评论 2 320
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,661评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,363评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,940评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,926评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,156评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,872评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,391评论 2 342

推荐阅读更多精彩内容