美高梅游戏平台网站:老白的全栈开发学习之路

来源:http://www.sh-fengwen.com 作者:家常菜谱 人气:190 发布时间:2019-10-08
摘要:原文于2016-8-15首发 上期连接 Coursera全栈网页开发的第二课,在十来天课程休息后开始了。全称是Front-EndWeb UI Frameworks and Tools第一周的课程是bootstrap框架的安装和初步使用。老规矩先放周

原文于2016-8-15首发

上期连接

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

原文首发于2016-07-29

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

美高梅游戏平台网站 2

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

Course 1的Week3的课程终于结束了。六大课的Full Stack Web Development的第一课HTML,CSS和JavaScript的确是一门适合编程零基础的入门课,从大家都熟悉的web网页开始讲起,讲解web的构造,HTML给予了Web以骨架,CSS提供了修饰和编排,JS赋予了动态交互。不过三周时间对于白丁来说也真的比较挑战,google了一些课程评论,大多数也都是觉得这个课程比较赶,还好距离下一门课还有半个月时间,抓紧巩固吧。秀一下week3的大作业图片,玩了近三十年游戏了,第一次自己做一个游戏的感觉真是。。。。。。。五味杂陈

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

美高梅游戏平台网站 3

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

Week3的新学内容:JavaScript

美高梅游戏平台网站 4Full stack JS web development.png美高梅游戏平台网站 5coursera C2 W1 bootstrap.png美高梅游戏平台网站 6FSD on practice.png

Coursera上的港科大的全栈第一课。教程重点是:对象模型DOM的基本概念和几个典型模型;loop循环进阶操作; array数列的进阶操作;关于鼠标和timer的event操作。

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

还是回到W3schoolsCodeCademy复习和做练习题。

美高梅游戏平台网站 7brackets demo by Giphy Capture.gif

犀牛书,JavaScript The Definitive Guide循环语句真的要花心思学,犀牛书的确不错,里面的解释和举例质量都很高,就是比较烧脑@_@

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

Jon Duckett写的JavaScript & jQuery 不仅用这本书把Coursera上的本周课程相关看了一遍,比较系统的学习了对象部分。(港科大的对象只是给了几个最常用的,比如document.wirte和document.getElementByld)

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

巩固内容:HTML和CSS,和week2的JS知识

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

在CodeCademy做了大量练习题。

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

J.R. 的Learning Web Design里的CSS经典案例

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

J. D.的JavaScript & jQuery里面的JS基础部分

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

大作业:Macthing Game 找茬游戏

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

原始需求文档的阅读前后大概用了2、3个小时,老师给的文档其实还是很详细的代码编写指南,仔细阅读后其实一步步来不会有太大难度。只是实际编写的时候,在几个细节上犯了低级错误(语法用错,循环数值设定错等)花费了近3小时的debug。主体编写大概2小时就差不多了。

其他

健身运动和出勤路上听电子有声书《Search inside yourself》和《Joy on Demand》以及一些程序员聊天的podcast音频(中文有TeaHourFM,英文有5by5下面的一些节目和“魔鬼/怪咖经济学”Freakonomics)

小结

JavaScript部分开启以后,学习难度曲线明显上升,真的是烧脑啊。尤其是循环语句的学习,就算把几个经典模型搞懂了,运用的时候还经常顾此失彼,甚至因为产生了无限循环而把浏览器弄扑街了x__x 不过只要耐心检查和调试,总能找到解决办法的。感觉到了现阶段,就是要通过大量的练习,并阅读优秀代码来吸收模仿,取得提高。

本周的最大惊喜其实是意识到了需要加强专注力的修行

我这里说的专注力即包括十几分钟高烧脑阶段时的集中思考问题能力,也包括日常生活中好习惯的培养呵护。

本文由美高梅游戏平台网站发布于家常菜谱,转载请注明出处:美高梅游戏平台网站:老白的全栈开发学习之路

关键词:

上一篇:重点 (七) : 网络编程

下一篇:没有了

最火资讯