一次回母校教前端的經歷

大家好,我是若川。最近組織了源碼共讀活動,感興趣的可以加我微信?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.pswp.cn/news/275262.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/275262.shtml
英文地址,請注明出處:http://en.pswp.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>流星雨<…