逼格君の碎碎念
小伙伴们，先跟大家分享一句话：越是你觉得难学的东西，其实背后的招式越是简单！仔细想想还真是对诶，最近来Lab的童鞋们workshop之后都会来跟我说“逼格君，发现只要上手了就学的很快诶，再也不怕试错啦”。很多小伙伴都觉得科技产品很炫酷，web很高端，代码很高深，但是想到要开始学，就是个大坑。错错错！就算是个坑，也是个你愿意一直挖下去的很好上手的坑，今天就跟大家分享一个文科妹子，从零开始用一个下午做web的感受~备好膝盖，感谢Janet有爱的吐槽！
做web的契机
自己本来就对编程、硬软件、科技相关的内容很感兴趣，但是总觉得作为一个文科生，还是不要自找麻烦了，“哇，那可是代码呢，那可是理工科的专长呢，肯定超难我跟不上的”，一直这样想的我，在某个悠闲的周六下午被逼格君拉过来BiggerLab体验了一节WebDesignWorkshop。
2个多小时的课程，加上课后3个多小时做自己的web，一个下午就做出了让我成就感爆棚的网页，真的敲碎了自己给自己设置的挡在我和Tech之间的那面墙。所以今天就用自己的经历来跟大家分享啦~
学到的内容
这是Gary老师给我们的课程内容，我觉得Gary老师属于大牛级人物，workshop刚开始非常简洁的介绍了网络、网页的基本原理。（当然这些书本上放在概论/前言/第一章的内容，一般我是不会仔细看的==，但是果然Gary讲出来更听得进去），这些介绍让对计算机，Web和编程不大了解的我也迅速进入状态，后面就全是干货，绝对有学习Web前端设计和编程的速成效果。
于是，真正学到的有
▼
了解了web的工作原理
了解了web的设计的原理
学习了web前端设计和编程
实践web编程
完成web作品
▼
听说还有作业？
↑↑↑
就是这个啦，最后Gary老师要我们仿照这个的样式，每个人自己做一个网页出来。我是这么做的：
选定好网站设计格式：当时看到要做的网站成品时候，作为几乎没学过编程的小白学员，觉得难度蛮大的。只能跟着老师一步一步的做了。
编写主要框架和格式内容：基本上是按照网页的整体框架来写。但是最初的框架的层级写的很混乱，而且自己总是忘了写结束/xx，或者一个小小的“”，就让整个网页运行的不正常。好在Gary帮我仔细检查，告诉我出错的原因和注意事项。并且在整体编写完成后，调整整个web编程的层级。最后看着自己写出来的程序，还是有那么一点点专（cai）业（niao）的。
膜拜Gary老师
▼
调整web编程格式，用css、JavaScript做出些炫酷的效果、添加图片等内容：主要添加了网页呈现时候的动画和图片。当时做的有些匆忙，随手用了几张照片。学习的时候快速get√技能是最关键的！！
成品的网页效果：虽然知道我做出来的很简陋，但是对于一个文科的妹子，三个小时做出来，还了解了那么多专业知识，也觉得自己挺不容易的，关键是要有大神教，才能速成啊！！之后也要花点时间修改修改，做个展示效果不错的web出来！
说到感受
实践、实践、实践绝对是学习web编程的速成法宝。（或者说：试错！试错！试错！）通过老师带领，完成第一个简单web，涉及编程，掌握web编写的基本方法和指令含义；同时，老师推荐了相应的学习资料和网站，回去后依然可以巩固web设计学习
了解各种tag的意思和HTML基础之后，就要上手完成web作品，自己尝试建立网页，结合css、JavaScript等编程内容，完成第一个较为有成就感的web设计。觉得代码啊，科技啊这类本来就是解决实际问题的工具，果然还是要直接做实际案例，不断的调试、修改才能学会。
逼格君の推荐
感谢Janet的分享！最后推荐两款代码编辑器，给想学点代码的小白们：
1.公认神器——Sublimetext，绝对是个神器，做一个编辑器来讲，用它几乎写什么语言都很爽（不要问我入门要学哪种语言....）
2.新晋神器——Brackets，用它你可以一边些网页一边在浏览器中预览哟！分分钟都是成就感
▼
Brackets
所以说，最难的就是先上手，然后用实际的project联系，还有习惯不断试错的过程。
圣诞假期
只要5天丰富你的科技作品集！
智能硬件课程来组队挑战吧？
▼
本周末两天下午还特别设置了两节预热体验课，还不知道Arduino？还不知道智能硬件到底怎么玩？先来体验试试吧！
扫码报名，或点击“阅读原文”
▼
寒假课程更丰富
WearableFuture
TangibleDesign:ArduinoBasedMusicInstruments
GameDesign:RetroPi
MasterclassFurnitureDesign-StackableStool
SmartHardware
扫码报名
▼
赞赏
转载请注明：http://www.guyukameng.com/aspnet/aspnet/2018-10-01/9863.html