一次回母校教前端的经历

大家好,我是若川。最近组织了源码共读活动,感兴趣的可以加我微信 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…

如何才能更合理地分配项目奖金?

项目奖金通常情况下都是属于基本工资之外的一种绩效奖励,也就是说,它在员工的薪酬中,是属于浮动的那一部分收入,而不是一种固定收入。基于这样一种认知,跟大家讨论下如何才能更合理地进行项目奖金的分配? 首…

Codeforces 741 D - Arpa’s letter-marked tree and Mehrdad’s Dokhtar-kosh paths

D - Arpa’s letter-marked tree and Mehrdad’s Dokhtar-kosh paths 思路: 树上启发式合并 从根节点出发到每个位置的每个字符的奇偶性记为每个位置的状态,每次统计一下每个状态的最大深度 为了保证链经过当前节点u,我们先计算每个子树的答案…

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…

CAN控制器的选择

在进行CAN总线开发前,首先要选择好CAN总线控制器。下面就比较一些控制器的特点。 一些主要的CAN总线器件产品 制造商 产品型号 器件功能及特点 Intel 82526 82527 8XC196CA/CB CAN通信控制器,符合CAN2.0A CAN通信控制器,符合CAN2.0B 扩展…

洛谷 4115 Qtree4——链分治

题目:https://www.luogu.org/problemnew/show/P4115 论文:https://wenku.baidu.com/view/1bc2e4ea172ded630b1cb602.html 重链剖分,分别用线段树维护每条重链。线段树叶子的信息是该点轻孩子的信息;线段树区间的信息是考虑重链的一…

每次启动项目的服务,电脑竟然乖乖的帮我打开了浏览器,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…

String类中IndexOf与SubString

IndexOfpublic: int IndexOf( String^ value, int startIndex, int count ) 说明: value类型:System..::.String要查找的 String。 startIndex类型:System..::.Int32搜索起始位置。 count类型:System..::.Int32要检查的字符位置…

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

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

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

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

[转]上下拉电阻

上下拉电阻有什么用? 对这个问题,平时没有留意过,搞设计的时候都是照本宣科,没有真正弄懂意思. 很多单片机开发的入门者,以及一些从事软件开发的人,往往在开发单片机的时候遇到上拉电阻、下拉…

yum安装Mariadb,二进制安装Mariadb

yum安装Mariadb 设置Mariadb的yum源 vim /etc/yum.repos.d/mariadb.repo [mariadb] namemariadb baseurlhttps://mirrors.tuna.tsinghua.edu.cn/mariadb/yum/10.2/centos7-amd64/ gpgcheck0 使用清华yum源安装Mariadb,可以选择不同的版本,此处安装10.2.23 yum in…

Oracle中的wmsys.wm_concat

Oracle中的wmsys.wm_concat主要实现行转列功能(说白了就是将查询的某一列值使用逗号进行隔开拼接,成为一条数据)。 wmsys.wm_concat除了单独使用外还可以和over函数结合使用。 开始看看具体使用方法: select t.rank, t.Name from t_menu_item t; rank…

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 的概念应该有所了解&…

一个html5流星雨源码

流星会随着鼠标的方向划过&#xff0c;按紧鼠标左键可以增长流星的尾巴。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang"zh-CN"> <head> <title>流星雨<…