4月17日 Video 主题为前端的基本款设计
主要讲了Landing Page的设计. 再换一种说法, 就是welcome page的设计啦~ 还有一个重点, 就是如何让别人GitHub上的代码为己所用. 这是超级无敌重要的技能哈哈哈哈!!!
大概在视频8:00左右, 提到了 "如何从别人的GitHub上面找到喜欢的代码并用到自己项目中" 哦!
视频12:00左右, 提到了如何去掉"网页白边" 视觉上更加美观. 要去layout里改, 还提到个常识是定义 class 用到的"container" 跟 "row"往往是要成对出现的一对哦!!! 让他们组队出现后, 就不会有白边出现了. 背后的原理感兴趣的话, 去看bootstrap的文档吖 😏总之, 要去掉白边出现"全屏"用"row"就对了
(BTW 这是因为我们的 layout 里用到了 container-fluid 这个 class，它默认会把左右两边的 padding 撑开15px，而 row 这个 class 则是带有左右 负 15px 的 margin，这样就可以抵消掉外面的两个 padding了)
视频18:00左右, 提到了如何给网址加背景图片的办法, 原来Mac系统下载的图片能直接拖进去啊! 重新命名后才生效是因为代码是"自定义的名称"给写死了哈哈哈.
视频 27:00左右, 教你如何找到前端设计的资源. 认真看, 里面有已消失的论坛资源画面, 暂停就可以照做了哈哈哈!!! 心酸啊...Orz
Q&A部分很多金句啊! 人生决定要先预评估再做. 一定要改成更好用的scss文档. Gem有很多功能, 自己想做什么就先查看看别人是不是已经写出了能直接用的Gem了, 比如财报功能. 还有超多金句啊! 赞!
整体看下来有个感觉很突出, 就是撸代码过程中把"comment"标注清晰真是一个对别人以及未来的自己很友好的重要沟通技能啊! 解释写的清楚, 别人或以后的自己能快速挑出想要的部分拿去用.
沟通协作能力真的太重要了!
快捷键
command + 左右键, 能快速切换页面
tab键 可以在atom中把选取的代码缩进效果.
command + [ 以及 command + ] 能在atom中将选中的代码"往前推"或"缩进", 就是把代码左左右右移动
command + W 关闭页面
command + R 刷新页面
command + T 开一个新的页面
open . 常常头疼要怎么打开相关的文档, 在atom中输入这个试试看, 能直接打开Mac系统的finder哦!
4月20日 Video 主题为人生成长
我只想说, 这值得再看. 因为里面很多超级棒的"如何思考" "如何战略性做事"的套路分享.
耳机也推翻一期的推介, 升级成更棒的 SONY MDR-1000X降噪耳机
4月24日 Video 主题为深入学bootstrap的实用细节
一开篇就说别着急想飞哈哈哈
6:00前后, 就开始教如何去bootstrap"官方"网站找能优化美化画面的代码. Bootstrap Component真的很方便, 代码直接抄过来就能动, 简直就是官方教程来的~里面还有很眼熟的dropdown的代码哦!!!
这视频讲了程序员新手的基础日常, 看文档, 然后get your hands dirty实操看看, 最后就套版成功.
24:00前后, 开始讲"自适应", 就是格线的运用. 能够看到网页的layout级别的分区域. 关键词 XS SM MD LG 认真看一下, 能猜测其意思, 就是大小啦~XS适用手机界面, SM大概是ipad界面, MD是手提电脑, LG是正常电脑屏幕.
所以我常常看到的"col-md-12"其中的"md"就是在laptop荧幕上的分布啦! 想具体了解背景, Google一下bootstrap格线. 很多超级好的教程哦!
29:00前后, 开始讲解如何利用浏览器自带的"inspect"功能去开发. 例如, 在inspect里面调试出自己喜欢的效果跟颜色, 然后直接复制粘贴到自己的atom代码里, 保存后直接起效果~ 各种分享简直实用到感动!!!
40:00前后, 讲解了git切分支的正确习惯. 太乱切的话, 在部署的时候你会搞死自己的. 会一堆的冲突的!
42:00前后, 讲了图片本身如何做"自适应", 关键词 bootstrap img-responsive
快捷键
command + / 编辑器atom用, 就会将当前全部代码都注释掉. 常用在想看"想借用的"别人的前端代码效果时
command + + 就是放大页面 command + - 就是缩小页面
4月27日 Video 主题是情绪管理以及数据库知识
Xdite老师推荐 "脑能量整理术" 如何控制自己的情绪, 真的太赞了, 我被室友气死的情绪...有救了!
8:00前后 老师特别推荐了她用"手写"来拆解并解决一个难题. 牛逼!!! 战略思维分享!!!
20:00前后 Nic助教接手, 开始讲解数据库相关的知识. 赞! 很浅显易懂的讲解了DB的一些功能由来的实际事件, 这样能更好的理解为什么这样设定DB的这些功能. 还推荐了一个好用的gem
33:00前后, 展示了如何安装使用一个Gem, 跟着说明文档做其实就能搞定的, 别害怕.
最后一分钟解惑了! 我一直好奇蛋妞是怎么把我报错的网站给debug的, 他要求我把整个文件夹传给他. 我那时还奇怪, 他要怎么读取啊? 原来下载好放到文档就能打开了, 妈呀! 不同电脑同步开发一个项目的秘密原来如此直白简单啊~
金句, 别在数据库乱rollback, 用前进的方法去补救你的代码吧!
实用代码
rake db:migrate:status 能看到你每次的migration都添加了什么, 不用特地跑去schema一个个查看.前面如果显示"up"说明你已经migrate了, 如果前面显示的是"down"说明那个migration还并没有migrate进去哦
rake db:rollback 你这样理解, rake db:migrate是数据库前进一步, 那么rollback就是数据库后退一步.至于是否真的"成功后退一步"你可以用 rake db:migrate:status查看, 会发现up变down了, 多尝试几次观察就了解了
5月1日 Video 主题Git代码理解以及顺畅的开发流程
用超赞的类比以及举例的方法讲解了Git, 很好理解, 点赞!
7:00前后, 用例子让你一下子get到 fork, clone, pull request等等操作的区别
12:00前后, 推荐了一种激励自己提高撸代码能力的方法. 很酷炫很感兴趣还能帮忙你找到工作哦
13:30前后, 讲解了正式开发需要注意的一些技巧, 推荐了 source tree工具, 它是图解工具所以能让你直观的看到你自己的专案到底分支情况为何. 抓big picture用的工具哦.
23:30前后, 解惑! 我一直好奇为啥我写的代码那么多, 但是我的GitHub上面的绿点点那么少啊, 看着好可怜, 原来那个绿点点只追踪你master分支的变化啊! 难怪! 所以你要常常把新写的功能merge回去master, 然后push过去, 绿点点就能变多了, 快去尝试git merge啊!!
超级实用的开发流程
实用代码
git checkout . 这代码的功能是把之前还没保存的改动全删掉, 比如你忘记你最后一次commit后都做了哪些改动, 这样删掉比较安心啊 其实用 git diff 能大概看到你动了哪些地方. 而且这个只清掉有被track的内容. 比较彻底的删除方法应该是 git stash 视频34:00前后有提到两者的区别哦
git merge 分支名称 这样操作前, 记得要先commit改动然后切换去到你要merge的分支(常常是master), 然后再git merge "分支名称". 这样就能将你最新做的无bug版的分支内容merge到你挑选的"分支"里去了.
5月4日 Vedio 主题大脑升级秘术
学一遍就能学会? 具体操作有两步, 第一写下来, 第二讲给别人听. 而且是一字不差的执行, 写下来是手写, 写个概要大纲. 讲给别人听, 为了反馈所以必须找真人讲要有互动. 这样的"提取练习"才是真的学习方法.
以"输出"为目的的学习, 才最有效, 比如你要以"写一篇此主题的教学文章"为目的的去找相关资料的学习才是最有效的学习, 因为你会时刻记挂着"别人能听懂".
提取练习次数越多, 就越熟练, 效果才越好. 变肌肉记忆了!
10:30前后, 手把手教你如何实现一个艰难的目标. 如何拆解一个大问题到可以实操的具体小问题
12:00前后, 之前学过的知识忘记了 如何复习!
16:30前后, 拆解编程项目举例, 好例子. 39:00前后, 还有一个编程实例分享. 43:00前后还教你如何切步骤, 这些例子分享简直彪悍精彩!
最后一分钟, 还分享了一个好用的工具.
推荐的创业书籍 - BlitzScaling 闪电式扩张
5月7日 Vedio 主题CRUD以及RESTful还有HTTP协定以及MVC架构
全部都是我超级好奇的内容. 比如解释了为什么在用destroy的时候, 一定要加 " :method => :delete " 这细节才能跑起来啊. 原来都跟HTTP协议有关啊~
其中的实例操作过程中, 解释了我一直好奇的部分. 就是比如什么情况下要把部分代码替换成一个更简单易懂的单词, 当然是去别处定义好哈. 还有比如何时用 job_id 还是用 id 就可以. 此时上次Nic推荐的annotate这个Gem就发挥了很厉害的公用啊~
20:00前后 提及"@"的真正意义, 有@就能在别处也传达数据, 没有@则只能在当下的代码区使用!
22:00前后 讲解为啥要做"数据表格"间的关联. 就是为什么要关联model们
25:40前后 学到一招彪悍的debug技能! byebug很精彩的!!!
34:00前后 推荐了另一个常用的debug工具, 去Google了解更多吧, 做程序员肯定会用到的呢
然后简述MVC的关系, 很棒的说明, 解释了model/view/controller三者的关系. 哈哈哈我还以为是啥MVC😂
值得反复看并提取的教程啊~
网友评论