一次回母校教前端的经历

大家好,我是若川。最近组织了源码共读活动,感兴趣的可以加我微信 ruochuan12已进行了三个月,很多小伙伴都表示收获颇丰。

分享一篇武大毕业的耀耀大佬的文章。有些时候会受限于环境影响,特别是在校大学生。所以要融入到积极上进的环境,减少信息差。


九月初的一天早上,我组长 heyli 找我聊了一件事。他说,我们这边想在武大华科开办一门前端课程,要找人回去授课。刚好你是武大毕业的,也在慕课网写过一本教程,很适合这个任务,问一下你的意愿。

我当然很开心做这件事情,毕竟是回母校授课。还记得以前我经常会吐槽大学不教前端课程,都什么年代了还在教 JSP 这些课程,这么多优秀的学生不都浪费了吗?

88cd38a128de3bdb6ab03c1fd73e400c.png
17年毕业季

于是我愉快的接下了这个任务。已经脱离学校几年了,还不清楚现在学生的水平。就联系到了大学的辅导员炳哥,他推给了我计算机学院辅导员的联系方式。

我联系到计算机学院杨老师后,原本想找几个学生来抽样调查一下,后来想到用腾讯文档的收集表会更方便一些。

26c7b344228639121f6a4dc188ba7e02.png

统计的结果也比较符合预期,绝大部分学生还是没有前端方面的基础,有一部分学生都已经有完整的项目经历了,还熟悉 Vue/React 这些框架。

在九月底之前,我设计出了课程大纲,覆盖了 React、TypeScript、Webpack、ES2015、Eslint、Jest 等内容,希望能培养一批优秀的实习生。

同时还准备了一份课前预习材料,让学生们利用十一提前预习一下前端基础知识,免得上课跟不上进度。

d5c2fb3bdddc40631f3a8153839d8338.png
武大腾讯前端菁英班

在部门又招募到另外三位讲师,一位武大学长和我负责武大的课程,另外两位同事负责华科的课程。多亏他们帮我分担了出课程 PPT 和课后作业的任务,不然实在太忙了。

上周六是第一次正式上课,我要出差去武汉。出发前和 heyli 聊了一下,他说你已经是个成年人了,可以一个人出差了。我表示一下子面对这么多人还是有点儿紧张。

所以在周四的时候,找了一个会议室给他试讲了一遍,给我提了一些建议。

比如要多和学生互动,可以提问一些问题,不然自己讲完太累了。看到学生们玩手机打瞌睡,立即停一停,给他们讲一些校园或者公司里面的事情,引起他们的注意力。

周五下午早早赶飞机到了武汉,天河机场实在太远了,到酒店后就已经十一点了。一路上很颠簸,也没时间备课,于是周五晚上备课到了两点多。

508302624675629d2f8b8cbb966a7fc6.png

同事在华科授课

考虑到 heyli 的建议,始终觉得 PPT 里面的内容太多,讲起来会很繁琐。于是临时把最后一节关于 Chrome 调试的改了一下,从讲 PPT 改为现场带他们调试知乎首页,介绍 Chrome 开发者工具里面的每个 Tab 的功能。

周六早上赶到了青楼,学生们都已经到齐了一大半,我紧张又忐忑的走上了讲台。尴尬的是带来的转换头没有 VGA 插口,还好现场有学生带了 VGA 的转换器。

上午的课程比我预料的效果要好一些,一开始还担心会不会在开场白这里忘词了。后来越讲越流畅,中间还会灵光一闪穿插一些实际开发的例子,比如介绍异步 import 的时候,提到了腾讯文档做多优先级资源加载、webpack splitChunk 拆包规则等等。

9a8a60f0c96196e7140e1a1041f35140.png
现场授课

中午骑着美团电单车在学校里面逛了一圈,不得不说共享电动车实在太方便了,尤其是武大这种全是上下坡的路。

cc3d72256e0ab59f6f6354eb20538456.png
正门
939f047b541d1c1f567cb52a7dd8884a.png
樱顶
3e215807766aad442e54fc9a7a16448c.png
图书馆
9cea136565e03cbc470d672f5f614c4a.png鉴湖

不像以前回学校闲逛没什么归属感,这次看着操场和路上的学弟学妹们,感觉自己真的回到了大学,毕竟是和学生们打交道。

晚上顺便去吃了个食堂,食堂物价真是 yyds,一份热干面只要几块钱。5af9fd9812237ed6621015ba1bf7059b.png

熟悉的食堂


bb0c02a07018c47e792c0c4717514950.png

食堂几块钱的热干面

下午继续上课,为了引导大家回答问题,我还用企鹅公仔来诱惑大家。最后一节课现场教他们怎么用 Chrome 调试,怎么用 lighthouse 和 performance 来看网站页面加载优化。

下课后,很多学生围了过来,有和我聊 React Fiber 原理的,有和我聊实习情况的,也有和我聊怎么学习前端的等等。

总之是一次不错的体验,毕竟是回母校给学弟学妹们授课,内心还是无比激动的。

2017-2021,也算是完成了自己的一个小小心愿。

86a900386ab9c6307a7f229984f83c33.png

晚上在武汉随便溜达了一下,逛了下楚河汉街,顺便回国软后门买了一份炒粉。

694061ea651a62474362a0433590b402.png

最近组建了一个江西人的前端交流群,如果你是江西人可以加我微信 ruochuan12 私信 江西 拉你进群。

推荐阅读

1个月,200+人,一起读了4周源码
我历时3年才写了10余篇源码文章,但收获了100w+阅读

老姚浅谈:怎么学JavaScript?

我在阿里招前端,该怎么帮你(可进面试群)

3c5f7b7406a5eb6942ad34649a2a2f3a.gif

················· 若川简介 ·················

你好,我是若川,毕业于江西高校。现在是一名前端开发“工程师”。写有《学习源码整体架构系列
从2014年起,每年都会写一篇年度总结,已经写了7篇,点击查看年度总结。
同时,最近组织了源码共读活动

b12957f54fa3122921018c477a9b2ec8.png

识别方二维码加我微信、拉你进源码共读

今日话题

略。欢迎分享、收藏、点赞、在看我的公众号文章~

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/275262.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

设计插画工具_5个强大的设计师插画工具

设计插画工具As Product Designers, most likely, we have come across illustrative work. Visual design is one important element in enhancing the user experience. As many gravitate toward attractive looking products, designers are also adapting to the changing…

figma下载_切换到Figma并在其中工作不必是火箭科学,这就是为什么

figma下载We have seen Elon Musk and SpaceX making Rocket Science look like a child’s play. In the same spirit, should design tools be rocket science that is too hard to master? Not at all.我们已经看到埃隆马斯克(Elon Musk)和SpaceX使Rocket Science看起来像是…

npm、yarn、cnpm、pnpm 使用操作都在这了

大家好,我是若川。最近组织了源码共读活动,感兴趣的可以加我微信 ruochuan12有时候想查个命令,或者换个镜像找了几篇文章才找到,最近闲着没事干,干脆整理一篇文档,以后就不用在网上瞎搜有的还写不全。Usage…

每次启动项目的服务,电脑竟然乖乖的帮我打开了浏览器,100行源码揭秘!

1. 前言大家好,我是若川。最近组织了源码共读活动,感兴趣的可以加我微信 ruochuan12 参与,已进行三个月了,大家一起交流学习,共同进步。想学源码,极力推荐之前我写的《学习源码整体架构系列》 包含jQuery、…

初级爬虫师_初级设计师的4条视觉原则

初级爬虫师重点 (Top highlight)Like many UXers, I got into the industry from a non-visual background (in my case it was Business and later on Human Cognition). Even though I found great benefits coming from those backgrounds, it also meant I had no UI/Visua…

开源监控解决方案OpenFalcon系列(一)

OpenFalcon是由小米的运维团队开源的一款企业级、高可用、可扩展的开源监控解决方案,,在众多开源爱好者的支持下,功能越来越丰富,文档更加的完善,OpenFalcon 已经成为国内最流行的监控系统之一。小米、美团、金山云、快…

如何利用 webpack 在项目中做出亮点

大家好,我是若川。最近这几年,在前端代码打包器领域内,webpack 算得上是时下最流行的前端打包工具。它可以分析各个模块的依赖关系,最终打包成我们常见的静态文件:.js 、 .css 、 .jpg 、.png,极大地提升了…

Github 王炸功能!Copilot 替代打工人编程?

大家好,我是若川。最近组织了源码共读活动,感兴趣的可以加我微信 ruochuan12 参与,已进行三个月了,大家一起交流学习,共同进步。大家好,我是皮汤。最近组里在讨论一个有意思的工具 Github Copilot&#xff…

ux和ui_糟糕的UI与UX番茄酱模因

ux和uiAt face value, this meme appears to be a quick and easy tool for educating the general public about what the differences are between UI and UX. You might look at the attractive glass bottle labeled “UI” and understand that UI might have to do more …

Linux中的wheel用户组是什么?

在Linux中wheel组就类似于一个管理员的组。 通常在Linux下,即使我们有系统管理员root的权限,也不推荐用root用户登录。一般情况下用普通用户登录就可以了,在需要root权限执行一些操作时,再su登录成为root用户。但是,任…

ElementUI 组件库 md-loader 的解析和优化

大家好,我是若川。最近组织了源码共读活动,感兴趣的可以加我微信 ruochuan12 参与,已进行三个月了,大家一起交流学习,共同进步。背景相信很多同学在学习 webpack 的时候,对 loader 的概念应该有所了解&…

csdn 用户 蚂蚁翘大象_用户界面设计师房间里的大象

csdn 用户 蚂蚁翘大象Once upon a time, an educated eye detected a new trend in UI designs, particularly, in Dribbble. It was a conceptual proposition, not an actual design for a customer or an app. Trying to explain the characteristics of this new trend, a …

面试官问发布订阅模式是在问什么?

大家好,我是若川。最近组织了源码共读活动,感兴趣的可以加我微信 ruochuan12 参与,已进行了三个多月,大家一起交流学习,共同进步。本文来自 simonezhou 小姐姐投稿的第八期笔记。面试官常问发布订阅、观察者模式&#…

figma下载_不用担心Figma中的间距

figma下载重点 (Top highlight)I spend way too much time caring about spacing when designing interfaces and building design systems. You are probably no stranger to the constant 1 px and 8 px nudging, continuous checking of the bottom or in-between space for…

【建议收藏】面试官贼喜欢问的 32+ vue 修饰符,你掌握几种啦?

大家好,我是若川。最近组织了源码共读活动,感兴趣的可以加我微信 ruochuan12 参与,已进行了三个多月,大家一起交流学习,共同进步。前言vue简洁好用体现在很多个地方,比如其内置了32修饰符,可以很…

知识管理系统Data Solution研发日记之一 场景设计与需求列出

在平时开发的过程中,经常会查找一些资料,从网上下载一些网页,压缩格式文件到自己的电脑中,然后阅读。程序有别于其他行业的一个特征是,所有的资料,数据,压缩文件,只用于产生可以工作…

shields 徽标_我们如何准确地记住著名徽标的特征和颜色?

shields 徽标The logos of global corporations like Apple, Starbucks, Adidas, and IKEA are designed to create instant brand associations in the minds of billions who see them every day. But how accurately can we remember the features and colors of these famo…

面了三次字节,他的一些感悟

大家好,我是若川。最近组织了源码共读活动,感兴趣的可以加我微信 ruochuan12 参与,已进行了三个多月,大家一起交流学习,共同进步。今天分享一篇小K投稿的字节面试记录,这是他第三次面字节了,之前…

解决Wireshark安装Npcap组件失败

2019独角兽企业重金招聘Python工程师标准>>> 解决Wireshark安装Npcap组件失败 从Wireshark 3.0开始,Npcap取代Winpcap组件,成为Wireshark默认的网卡核心驱动。由于该组件属于驱动程序,所以安装时候容易被杀毒/防火墙软件拦截&…

adobe清理工具_Adobe终于通过其新的渐变工具实现了这一点-UX评论

adobe清理工具的Photoshop (Photoshop) UX:用户体验: At first glance, the UX looks okay; it’s pretty clear. The user gets to know how to use this tool right away. The color palette is located above, and the gradient down below. The diamond betwee…