庆祝 多年鼓舞人心的在线艺术/设计教育
请求的信息
现在招收

JavaScript - jQuery和Bootstrap的早晨颠簸

通过会议工作人员2016年5月20日

如何让编程变得生动起来?资深Web开发人员Geoph Essex在他最新的塞申斯学院中就这样做了JavaScript为设计师课程。当他不忙于互动项目时,他是一名演员、作家、小说家和单口相声演员,他在新课程中发挥了他所有的才能。

他必须这么做。学习使用JavaScript、jQuery和Bootstrap编写程序对于想要创建更复杂的交互式Web站点的设计师来说是一项艰巨的任务。Geoph的新课程以一种彻底的、平易近人的、互动性的、不虔诚的和有趣的教学(和学习)方式来揭开编程概念的神秘面纱。

问:你第一次喝咖啡了吗?

事实上,我不喝咖啡;我只是从来没喜欢过。不过,这可能是一件好事最后的大家都想让我喝高剂量的咖啡因!

问:感觉你把多年的Web开发经验和智慧融入了这门课程。你能谈谈你最初是如何学习编程的,以及你是如何开始你的开发职业生涯的吗?

不是年龄的问题,是里程.我“幸运”的是,当面向公众的电脑第一次进入市场时,我的父亲参与了其中。楼下的一个房间里总是放满了半打trs -80,后来还有IBM的克隆产品。我的父亲开始把编程游戏作为一种爱好,并最终创建了一个程序来帮助他的行政人员管理他的办公室(几年后,他把这个项目变成了另一项业务,把管理软件卖给三个州的同事)。面对这些,我有一个非常,非常早期开始。

到中学的时候,我和我的朋友们已经把Apple BASIC推向了极致(也许更远),创造了游戏和教育程序。只要有机会学习一门新语言,我就会抓住。我一直觉得,没有什么好理由让我停止学习。也许有效的(比如“我真的很饿,我需要吃点东西”),但从来没有的人!

后来我再一次走运了——我上大学的时候正好是万维网开始普及到全世界的时候。只是时机太好了,我就是天时地利人和的那个人。

问:你的课程在鼓励学生像程序员一样思考方面做得很好。学生需要培养或获得什么样的心理特质或实践才能成为专业的程序员?

程序员、机械师、木匠、水管工、电工……有很多职业都有一个共同点:他们把东西放在一起,这些东西有一个明确而有用的功能,超越了美学。如果你想从事这类工作,光知道这些东西是什么样子是不够的,你需要知道它们是如何运转的。你想要知道他们的动力是什么!

用户只看表面,因为他们只能看到表面。开发人员正在进行焊接接头和交换电线的工作。如果你想做这些事,你就得油腻的!至少从理智上来说是这样。我们就叫它“大脑油脂”吧。

赋值操作符和比较操作符的映像

问:这就算不是我们见过的最有趣的课程之一,也是其中之一。喜剧在使具有挑战性的概念变得不那么吓人方面起了什么作用?

有一个假设(我从斯蒂芬·平克那里读到的),幽默是两个之前没有联系的心理概念突然之间的联系。“为什么鸡要过马路?”去到另一边。”当你第一次听到这个笑话的时候,你的大脑会突然把"鸡"和"意志"这两个概念联系起来,然后就打开了一个全新的世界,鸡在做事情,因为它们有目标在心里的。

问题是,这不仅仅是概念上的——假设是你实际上在重新连接你的大脑当你建立这些新的联系时。所以有趣的人和聪明的人有很大的重叠,因为他们往往擅长建立新的精神联系,而且建立得很快。

如果你扩展这个逻辑,那么学习和幽默真的是同样的事情!我想,如果你能用一些大家都喜欢的(有趣的)东西来让这些齿轮升温,那么我们的大脑就会准备好并愿意继续为更有挑战性的事情(聪明的事情)建立新的联系。

问:本课程涵盖了一系列技术,这是高度相关的网页设计师现在:JavaScriptjQuery,引导.学习这些语言(以及库和框架)能让你做什么?

改变世界,伙计。

撇开笑话不谈,重要的是一旦你学会了一些代码,学习更多的代码变得越来越简单。从传统编程的角度来看——所有计算机科学老师都是从这个角度来的——编码实际上就是寻找解决方案当你面对一个要实现的目标,以及一系列你可以用来实现这个目标的资源和资产时。

抛开那些花哨的语言或专业术语,真正的意思是,成为一名优秀的程序员意味着成为一名优秀的程序员问题解决者.想象一下阿波罗13号当他们把一堆垃圾扔在桌子上说:“这是只有我们可以用的东西。现在我们怎样才能让宇航员活着,让他们安全回家呢?”理想情况下,这个分解事物,分析其背后的逻辑,并使其比以前工作得更好(或只是不同!)的过程可以应用于几乎任何事情:学校,工作,家庭维修,计划一个聚会,运行经济,建立政府……几乎任何领域都可以受益于一个良好的,坚实的解决问题的基础。

所以,说真的,这终究不是一个笑话。你可以用这种思维改变世界。

视差滚动插件图像

问:我还是不敢相信你专门为这门课写了一个jQuery插件。是什么激励你这么做的?

我所做的什么现在? !哦!好吧,抱歉,这部分还是有点模糊。也许我该开始喝咖啡了。

不过,说真的,我继续编写这个插件有两个主要原因(其中一个我在课程中提到过)。

首先:我找不到合适的视差插件来教。对于这节课的另外两个效果,我发现其他开发人员制作的很棒的插件都做得很好而且这很容易传达给学生,因为他们可能还没有太多的经验。这是一个重要的因素——如果插件不容易使用,我就不得不教它具体地说,在教授“一般”插件的基础上。

我发现的大多数视差插件要么不够酷,让学生们对它们的使用感到兴奋,要么太过复杂,以至于不能放进仅仅三分之一的关于插件的课程材料中。在权衡我的选择之后,我觉得编写一个很酷的插件似乎是一个更好的计划,它既快速又容易教。

我在课程中指出的另一个原因是编写插件不应该让人印象深刻。从技术上讲,每次编写函数都可以说是在编写插件!当然,这可能是一件小事,但你可以反复使用它来完成一项特定的任务。

结果是,在课程的那个点,学生自己知道足够的代码来编写一些简单的插件……即使他们还没有意识到这一点。我在匆忙中写了一篇,就为了这门课,是对这一原则的一种展示。

问:你能谈谈课程计划吗?它们似乎旨在提供一些实际的、真实的开发任务的经验。

没错!当你和我讨论开发这门课程时,你问的一个问题特别突出,对我影响很大:“一家公司在雇佣我们的学生时,希望看到他们的哪些技能?”

这就是我进入某些领域的动力真正的代码工作,这些在课程范围内可能很简单,但却反映了专业开发人员实际需要做的任务(老板、同事、客户……)。

虽然第一课是通过基本的JavaScript进行的混乱的过山车式的学习,其余的将学生带入常见的(如果简化的话)专业情境:连接一个提交表单,创建导航和加载页面内容,创建一个可分类的数据库,开发一个响应性良好的站点,实现一个插件。这些对学生来说是挑战,但对专业人士来说却是家常便饭。

通过现在解决所有这些问题,学生可以为承担一些现实世界中的专业任务做好准备。更好的是,当未来的雇主问“你知道如何……吗?”我们的学生就会笑着回说:“你。打赌我做的。”

对了,谢谢你的启发!

使用Bootstrap创建一个移动站点

问:我们很高兴这门课程包括一个响应式设计项目。移动Web的爆发如何影响客户正在寻找的开发/JavaScript项目类型?

作为一名程序员和通用技术专家,移动设备是我所见过的最令人震惊的摩尔定律的证明之一。就在我在世纪之交搬到洛杉矶前不久,我有一部手机——你知道的,笨重的、带塑料天线的、一英寸单色液晶显示屏的、没有互联网的、没有真正意义上的应用程序的手机,这仍然是一件大事。

不到十年后,当我回到纽约时,拥有全彩高分辨率屏幕、WiFi和比我的第一台笔记本电脑更大内存的智能手机被认为是在现代世界中活动的不可或缺的先决条件。“这有一个应用程序”已经成为如此普遍的笑点,因为它不再需要说了!

因为几乎每个人在移动设备上浏览网站或应用的可能性至少和在台式电脑上一样大,而且每一代用户都是平均的更多的有可能——接触到更广泛受众的最好方法是让你的内容在一个全新的水平上易于访问。“跨平台”是一个古老的术语不是跨平台已经过时了。(而且不是很酷的那种,比如霸王龙之类的。)

手机改变了游戏,并且在几乎所有情况下,它都让游戏变得更好。这不仅为消费者提供了持续的访问,为供应商提供了无处不在的渠道,而且也为制造商和开发者提升了游戏的质量。业余时间结束了,浏览器之战已经成为过去,每个人都必须跟上程序,如果他们想要保持积极主动的标准化和专有代码之战现在完全是浪费时间,这意味着我们都可以参与其中使《美丽新世界》而不是争论把赤道放在哪里。

简而言之:我是你的粉丝。

有了这一切,客户所要求的项目必须是光滑、高效、强大和便携的——所有这些都是我们自20世纪40年代巨大的真空管以来一直在缓慢前进的方向。今天的系统实际上是一个数量级的数量级(不,我没有结巴!),更快,更强大,但今天用户实际上能够使用市场上所有很酷的应用程序和小部件的空间和处理器负载。紧凑的足迹和敏捷、优雅的代码是关键,现代开发工具可以帮助现代开发人员满足这些需求。

问:世界比以往任何时候都需要更多的Web开发人员,因为:___________

我要辞职,搬到一个偏远的私人岛屿,没有网络连接。

开玩笑!我太容易晒伤了。但尽管像我这样的资深开发者在可预见的未来还会继续留在游戏中,但这一领域仍有很大的发展空间扩大

看看20世纪90年代中期的网络——我记得的方式是,一半的网站都是搜索引擎(大概是搜索另一半…?)你有一些个人网站,一些雄心勃勃的小项目最终取得了成功,还有很多初创公司,它们的布局和动图都很烂。仅此而已。

时光飞逝到今天,你就很难找到了任何严肃的生意,无论是餐馆、陶艺学校还是宠物动物园,都没有网站。坦率地说,这是因为,除非你有一个人,否则你很难认为自己真正在做生意。它已经成为社交礼仪上必要的参与我们的全球经济。

是的,我们有很多潜在的客户,他们认为自己可以DIY网站来节省成本。毫无疑问,他们错了。一个开发者创建的网站和一个不愿意付钱给开发者的吝啬鬼(甚至是吝啬鬼的侄子,免费工作)创建的网站之间有着巨大的区别。大多数不懂网络的消费者都能感觉到这种差异,即使他们不能完全指出来。

一般来说,一个一流的厨师或眼科专家不应该开发自己的网站应该做洋葱汤或者用激光射人眼睛。如果我们像那样交换工作,结果将是完全相同的:泪水和充血的眼睛。

像Dreamweaver或者WordPress可以帮助非开发者建立网站;但是这些工具并不能神奇地将非开发人员变成开发人员,也不能保证站点有多好!还有很多事情要做洋葱汤比往汤里放洋葱好,矫正近视比用激光按下按钮要复杂得多。Web开发也是如此:所见即所得应用程序只能在WYS没有被训练有素的、有技能的开发人员看到,并且(因此)所见即所得是一个不幸的混乱时才能发挥作用。

因此,尽管现在的开发者比以往任何时候都多,但仍有更多的开发需要进行完成比以往任何时候!网络展示已经成为商业活动的一部分;开发人员会让它发生。就像机械师会让你的送货车继续工作一样,电工会确保你的电脑有电,水管工会确保马桶能冲水,木匠会为所有这些工作搭建屋顶。差不多每个人都需要这些东西,所以需求很大;网站和应用都是一样的。

所有这些仅仅意味着:如果你是一名刚刚起步的设计师或开发者,不要认为自己会被冷落。山上有很多像我们这样的淘金者,但整件事使的黄金。你可以主张你的权利,或大或小——它只是在等待着你带着正确的技术和设备出现。

要了解更多关于新的JavaScript课程或其他Web设计课程,请访问网页设计学位课程.想要了解更多关于埃塞克斯地质公园的信息,你可以访问他的网站,读他的前两部小说(可爱的助理而且长耳大野兔弥赛亚,你可以在亚马逊(Amazon)上买到纸质版或Kindle),也可以在谷歌上轻松搜索一下。(根据通用电气的说法,像geoh这样的女性毕竟只有少数,而且这些人都是来自未来的geoh的复制品,被派回去给他提供非常糟糕的股票消息,作为一个内部笑话所以从本质上讲,每个得到它的人都是同一个人。)

Sessions员工是一个不安分的灵魂,他们喜欢与现在和未来的学生分享校园新闻故事。