OSTraining 播客 #38:Zac Gordon 談瑜伽、教學和反應
已發表: 2022-02-16在本週的節目中,我很高興歡迎 Zac Gordon 回來。 如果您在 WordPress 世界中度過任何時間,您可能會遇到 Zac。 他是一位非常熱情和迷人的老師,專門研究 WordPress 的 JavaScript。 他完成了視頻課程、在線會議、現場演講、播客、視頻廣播,應有盡有。 他一直在嘗試教人們如何使用 JavaScript,尤其是在 WordPress 環境中。
Zac 第一次寫了一本書,他是用 OSTraining 完成的。 React Explained 現已推出,它教您如何使用 React 框架,該框架在 WordPress 以及 Drupal、Magento 和其他平台中越來越流行。 我們與 Zac 討論了他的背景、他對瑜伽的熱愛,以及他為什麼決定在他的第一本書中專注於 React。
在 iTunes 上訂閱 OSTraining 播客,或使用下面的播客播放器。 我們還使用 Stitcher、Overcast 和其他流行的播客應用程序。
與 Zac 一起收聽這一集
扎克劇集的抄本
- 史蒂夫:嘿,歡迎來到 OSTraining 播客。 我是 Steve Burge,我們為這些播客與來自開源世界的迷人人士進行了交談。 在本週的節目中,我很高興歡迎 Zac Gordon 回來。 如果您在 WordPress 世界中度過任何時間,您可能會遇到 Zac。 他是一位非常熱情和迷人的老師,專門研究 WordPress 的 JavaScript。 他完成了視頻課程、在線會議、現場演講、播客、視頻廣播,應有盡有。 他一直在嘗試教人們如何使用 JavaScript,尤其是在 WordPress 環境中。 他第一次寫了一本書,他是用 OSTraining 完成的。 React Explained 現已推出,它教您如何使用 React 框架,該框架在 WordPress 以及 Drupal、Magento 和其他平台中越來越流行。 我們與 Zac 討論了他的背景、他對瑜伽的熱愛,以及他為什麼決定在他的第一本書中專注於 React。
- 史蒂夫:嘿,歡迎你,扎克。
- 扎克:嘿,史蒂夫。
- Steve :嘿,Zac,大約六個月前,當你開始寫 React 書的時候,你就在播客上。 而且,恭喜你。 書出來了。
- 扎克:嘿,非常感謝。 那就對了。 它要么似乎是很久以前的事,要么根本不是,但我們在網上找到了它。 是的。 準備進入亞馬遜。 這很酷。
- 史蒂夫:嗯,六個月是寫書的速度。 你幾乎飛過它。
- 扎克:我沒有上下文。 我以前沒有做過這樣的事情,你讓我一次工作一兩個小時真的很酷,每週幾天只要我有機會。 是的,我們到了那裡。 這是一個很酷的過程。
- 史蒂夫:嗯,大約 10 年前,我開始為大型跨國公司寫書,我記得一開始我只是無法理解,有些第一本書需要三到四年的時間。 我真的,真的很掙扎,而且我有一個非常理解的出版商。 我記得有一次有人問我截止日期是什麼時候,我說七月,那是大約二月。 他們說,“哦,你還有幾個月的時間。” 我當時想,“不,那是兩年前的七月。” 我實際上已經超過了我的最後期限大約兩年,所以六個月很棒。 我以前沒有意識到這一點,雖然從技術上講這是你的第一本書,但你已經寫了很多年關於 JavaScript 的文章,現在已經有 12 到 13 年了。
- 扎克:是的。 當你回首往事時會很有趣,當時你會想,“我為什麼要這樣做?我為什麼要花這麼多精力做這件事?” 就像事後發現的那樣,可以構建並成長為其他事物。 所以當我在大學裡教 JavaScript 時,哇,是的,至少 10 年前的現在,我不喜歡網絡上的所有教科書之類的東西,所以你可以自己寫書。 所以這不是我第一次寫關於 JavaScript 的文章,而是以這種格式以及教科書或其他方式的指南中的內容,是的。 文案並不新鮮。 從學校開始,只是作為一名教育工作者,你會寫很多東西。 所以我很慶幸我有這樣的技能。 我想如果我只是坐在沒有經驗的情況下,可能需要更長的時間。 但是,是的。
- 史蒂夫:所以快帶我回去。 您擁有幾乎完美地為訓練而設計的其中一種聲音。 我們曾經開玩笑說,我們總是更願意聘請來自中西部、美國或加拿大的教師,因為他們的英語非常流暢,幾乎沒有口音。 哪裡是你的故鄉? 你的背景是什麼?
- 扎克:嗯,我來自中大西洋地區,所以離華盛頓特區不遠。 當它發生並感到賓至如歸時,我可以得到一點馬里蘭州的拖拉聲,但是是的。 你提到這很有趣。 你們都認識樹屋的尼克·佩蒂特嗎? 我記得當我為他們製作第一個點贊申請視頻時,我只是模仿他說,“嗨,我是 Zac。” 我認為這只是從那裡演變而來的,但你這麼說很有趣。
- 史蒂夫:哦,是的。 這幾乎是完美的聲音。 我們總是會遇到抱怨像我這樣的英國口音、澳大利亞口音、南方口音、美國口音的人。 所有這些口音都會給來自世界各地、某些地區的某些人群帶來麻煩,而您的口音幾乎是完美設計的,幾乎每個人都能理解。 所以你在華盛頓長大,你是一名老師,對嗎? 您原本不是 JavaScript 或網頁設計老師,而只是一名普通的教師老師?
- 扎克:是的,所以我住在馬里蘭州的華盛頓特區。 我目前在華盛頓特區弗吉尼亞河的另一邊。 是的,我做過高中老師,教過大學,還有一些像訓練營類型的環境,諸如此類的東西,以及在線的東西,諸如此類的東西。 但是,是的,我開始教書了。 我以為我會永遠待在教室裡,我可能會回到教室。 我仍然喜歡長大一點,想放鬆一下,回到教室,因為這是一個涼爽的環境,我真的很喜歡。
- 扎克:最初,我想我想主修可持續農業、梵文和瑜伽研究,但幸運的是,我有一些很好的導師,他們說,“看,如果你要為教育付費,比如得到一些東西實用的,你可以使用,老師們可以放暑假。” 我當時想,“哦,好吧。也許我就當個老師吧。” 老實說,這有點……它在很多方面引起了共鳴,回去幫助人們,感覺我們可以讓事情變得更有趣。 但是,是的,事情就是這樣發展的。
- 史蒂夫:所以,如果你沒有學過瑜伽或梵文,那麼當你第一次走進高中教室時,你實際上教了什麼? 是網頁設計,還是完全不相關的東西?
- 扎克:是的,所以我想我已經在類似技術課程開發教育中攻讀碩士學位,除了我已經擁有歷史學位和教學證書。 因此,我開始從另一位老師那裡學習的一兩個小型技術課程或網頁設計課程開始教授歷史。 隨著時間的推移,我不得不回去做計算機科學證書之類的事情,在美國沒有一個孩子掉隊要求你擁有所教的任何學位。
- Zac:因此,我必須將其擴展到教育領域,才能全職從事計算機科學和網絡開發等教學,並建立四年製網頁設計、網絡開發課程。 學生們有帶薪實習 他們去年有半天的假,喜歡遠程經營他們的業務。 這是一個超級有趣、很酷的節目。 我真的很喜歡。
- 史蒂夫:哦,你想听一個尷尬的故事嗎?
- 扎克:哦,是的。
- 史蒂夫:所以當我第一次搬到美國時,我和我妻子結婚了,我不得不等待三個月才能拿到綠卡,而且剛從船上下來,除了我妻子所擁有的東西之外,我對美國知之甚少告訴我。 當我的綠卡進來時,我找不到工作。 那是九月、十月,唯一聘請教師的地方就是這所郊外的小學校。 這是在佐治亞州的亞特蘭大地區。 好吧,10 月份什麼樣的學校招聘老師? 可能不是最好的學校。 所以這是我唯一能得到的工作,因為我有教學資格。
- 史蒂夫:所以我走進去,接受了這份工作,他們在工作的第一周告訴我,“恭喜,這是你的美國歷史課。你現在要教美國歷史了。” 我對此一無所知。 從字面上看,我每天晚上都把課本帶回家。 “好吧,我明天教人權法案。什麼是權利法案?好吧,我明天教憲法,”快速翻閱教科書。 “嘿,憲法裡有什麼?” 在某種程度上,它很棒。 它讓我很快了解了美國歷史和美國,但我不確定學生們學到了多少。
- 扎克:這很有趣。 他們說老師必須比學生領先一章,對吧? 但那是一次艱難的經歷,從來沒有感覺那麼好。 但是,隨著時間的推移,誰能說我們從這一切中記住了多少呢? 但這真的很有趣,伙計。
- 史蒂夫:所以你有一個網頁設計課程,是你在很長一段時間內為你的學生建立的,它有真正的成果,實際上讓學生進入實習和真正的工作?
- 扎克:是的,確實如此。 這是一個很酷的程序。 我們將社區成員帶入學校,他們將與學生合作並向學校支付費用,而這將被過濾掉。 這是一個非常有趣,很酷的程序。 與在麥當勞和塔吉特工作的學生競爭,給他們這些技能感覺很酷。 他們中的一些人,就像我多年來一直保持聯繫的那樣,已經......就像現在在實地工作一樣,將這作為他們的收入。 所以看到這一切是如何開始的有點有趣。
- 史蒂夫:哦,這可能是作為一名教師最好的事情,無論是普通教師還是網頁設計教師,這些年來學生們都會回到你身邊。 有一個人,Topher DeRosia,和我們一起做 WordPress 教學——
- 扎克:愛那個人。
- 史蒂夫:……已經好幾年了,他剛剛找到了一份為 BigCommerce 做宣傳員的工作。 他所做的改變之一就是去所有的 WordCamps,他不斷地遇到一些人,他們現在在 OSTraining 方面的經驗,我們所做的,學習 WordPress,PHP 和其他平台,已經為他們找到了一份工作並建立了他們的職業。 教學的薪水並不高,但是在學生上完你的課程並以此建立職業生涯多年後,你從學生那裡得到的反饋可能是這份工作最好的事情。
- 扎克:你知道這是對的,伙計。
- 史蒂夫:所以你有一個成功的網頁設計課程。 你為什麼決定辭去教師的工作,或者更積極地說,你為什麼決定投身科技行業?
- 扎克:是的,嗯,首先,我從 20 多歲開始就開始忙碌起來,如果不是更早的話。 所以我全職教高中。 我作為兼職教授一些大學課程。 我經營的網頁設計機構非常好,有人為它工作,有良好的客戶群,經常性的東西,託管公司。 就像我有很多事情要做一樣,所以我從來沒有在一家大公司工作過,也沒有在這個領域工作過。 我會經營自己的自由職業者商店。 我聘請了其他開發人員,建立了它,但我想看看在一家大公司工作是什麼感覺。
- Zac:我有一個朋友也是大學老師,他在 Blackboard 擔任 UX 負責人。 我不知道你們是否都知道這個。 這就像網絡的傳統 LMS 系統之一。 它是用 Java 構建的,就像他們正在構建一個集成、一個社交集成一樣,他們擁有大約十億用戶。 我有機會做直接的 UX 設計,比如素描和繪圖,以及編碼、CSS 和 JavaScript 之類的。 這是一個非常令人興奮的機會。 那個時候我也有我的兒子,只是覺得我想要改變,做一些不同的事情。
- 扎克:離開課堂教學真的很難,但我已經做了很多,也突破了很多界限和限制,比如學校系統和法律。 我想影響更大的變化。 所以我知道我不會永遠離開教學,但我想去做。 我這樣做了一年零十二天。 我有一個倒數計時器和一切。 我喜歡它,但 CodeMonkey 不適合我,但我了解了在一家大公司工作、與團隊合作、在遺留系統、大型系統和其他東西上工作的感覺。 我認為這對我來說非常有價值。
- Zac:但我有機會在 Treehouse 任教快一年了,這讓我大吃一驚,因為那是......我們可以談論不同的事情,但是是的,這就是我進入它的方式。 所以從來沒有真正感到不合時宜。 這只是一種適應和變化的東西。 有這樣一句話,就像我們應該永遠願意放棄我們是誰,為了我們可以成為誰。 我有點喜歡那樣,有點像那樣。 但這很難,因為很多身份一直在教學中,很高興現在又回到了教學中。
- 史蒂夫:很難找到兩家可能像 Blackboard 和 Treehouse 一樣不同的公司,Blackboard 是一家擁有 Legacy 技術的老牌公司,而 Treehouse 幾乎完全處於最前沿。 兩家教育公司,但他們的方法非常非常不同?
- 扎克:哦,是的,對吧? 一個是年輕人,最酷的技術。 就像 Treehouse 開始時,我從那裡開始,他們就像,“我們只教很酷的東西。” 而 Blackboard 則處於另一個層次。 所以這真的很有趣,一個明亮的變化,一個很酷的回歸教學的方式。 對? 所以我知道我想回去教書。 我正在考慮完成一個博士課程,並嘗試在學術界從事一個為期四年的網絡課程。 我真的很喜歡學術界,我只是覺得我沒有足夠的推動力或拉力來喜歡這種槓桿作用。
- Zac:我知道我不想回到教室,因為很多類似聯邦或州強制教育的事情讓我感到沮喪,並想影響改變。 因此,開始在線教學並立即接觸,就像我認為 WordPress 程序建立起來可以吸引成千上萬的學生一樣。 就像,“好吧,最大的影響和變化,讓我們試試這個方法。” 所以從學術界轉向在線的東西很酷,沒有人比這更好了。 Treehouse 是我做過的最酷的工作之一,並且真的很喜歡那家公司。 在學術界之外,這對我來說非常有趣,並且得到了巨大的宣傳。 我在某些圈子裡很出名,但絕對不是像專橫的教師世界那樣的正常人。 對?
- 史蒂夫:嗯,我正要問這個。 當你離開 Treehouse 時,你在某種程度上帶走了一個品牌,對吧? 如果您在 WordPress 世界中提到 Zac 這個名字,您幾乎就像羅納爾多或麥當娜。 基本上,很多人只知道一個名字。 你有一個非常獨特的個人品牌。 這是您在 Treehouse 之外開展自己的教學生涯時做出的決定,即擁有一個非常重視平面設計和非常重視您的個性的品牌? 還是只是一種偶然? 這些是你投入工作的技能,你只是自然而然地建立了它?
- 扎克:不,這一直是一個進化過程,非常有意識和緩慢,儘管在網絡上一切都發生得很快。 所以我爸爸開了一家縫紉機維修店/賣店和學校。 他在該地區開了一所相當大的學校,我看著他經營這家夫妻店,以及如果他不在那里工作他所遇到的困難。 所以我學會了並且一直對可以在沒有我的臉或品牌的情況下運行更長時間的系統和公司感興趣,比如學生的網絡託管。 我接觸的不多。 它擁有龐大的員工和團隊並運作,這很酷。 所以-
- Zac: ……最初我認為它就像 Web Devs 之類的。 我有一個名字,然後我起名為“JavaScript for WP”,這原本是一個產品,一門碩士課程,就是這樣。 所以我喜歡品牌的想法,老實說,現在我的臉是 JavaScript for WP 的品牌,還有更多。 那是一個笑話,只是想把我的臉貼在東西上,有點像起飛了。 所以這有點像一個笑話實驗,但我認為效果很好,現在我正在學習如何打造一個以你的臉為品牌的個人品牌,以及超越它意味著什麼,或者它,或者……這一切都很有趣。 作為一個單一場景的公司,今天發生的內容創建和所有這些類型的事情真的很有趣。
- 史蒂夫:也許可以公平地說,這是引起人們共鳴的事情,你嘗試了不同的事情。 你嘗試不同的品牌名稱、不同的方法、不同的標誌、吉祥物等等。 然後有時你會發現一些人們會抓住的東西,人們會記住並與你談論。 我們在 Joomla 領域經營了很多年,我們退休了,可能在 2013 年退休,它有一個我在亞特蘭大的朋友畫的狗的標誌。 並且不知為何,僅僅只是時間和標誌的繪製方式,它就真的留在了人們的腦海中,甚至在幾年之後。 在某些社區中,我最出名的可能就是運行該站點。 他們走過來對我說,“嘿,你是狗人。”
- 史蒂夫:我對自己有一種感覺,就是你有一種個性,一種能引起人們共鳴的方法,這是他們記住並堅持下去的那種東西。 這就是你發現的,把自己放在首位,把你的個性放在首位,這些項目會更成功,人們會更加關注它們嗎?
- 扎克:哦,伙計。 好吧,首先,謝謝。 有時談論自己很棘手,但他們有這樣的說法,“如果你想知道自己的長處是什麼,就問問別人,或者聽別人怎麼說。” 他們就像,“哦,就像友好並很好地解釋事情,並享受它。” 所以聽到了它作為反饋,然後試著用它來工作,我不知道,有點像我一樣,但同時意識到它並試圖......
- Zac:人們可能沒有意識到,當你製作視頻或錄製課程時,我覺得我面前有十萬個觀眾,我投射並投入精力。所以當我錄製完 5 -10 個視頻,我已經筋疲力盡了。 我覺得我剛從舞台上走下來,真的是在投入你的心,並與個人建立聯繫。 所以有一種方法可以讓自己融入其中,我想。 也許會遇到,我不知道。 這是我嘗試做的事情。 我很好奇這是否有效果,但是......
- 史蒂夫:是的,我認為是的。 我們之前討論過聲音,你有一個幾乎理想的訓練聲音。 這是非常乾淨和非常中性的口音,但聽起來好像把自己投入到訓練中的個性方面,在屏幕上如此精力充沛的工作要努力得多。 聲音是自然而然的,但是做這樣一個好老師,每天都要付出相當大的努力,要精力充沛,盡量把熱情傳遞給學生。
- 扎克:是的,我認為整天說話領域的任何人在某種程度上也有這種經驗。
- 史蒂夫:是的。 多年來,我們與一大群老師一起工作,尤其是那些進行視頻培訓的老師往往會覺得真的很累,在過去的某個時候,我們曾試圖聘請一名全職的視頻培訓師。 我們對它進行了試驗,我們發現它會讓人們發瘋。 做視頻課程,每週聽自己 40 個小時,所付出的努力和精力比任何人都想做的多。 他們都發現在某個時間點後需要離開並做一些項目或做其他事情。 視頻培訓很累。
- 扎克:是的。 我會第二個。 你提到這很有趣。 有趣的是,有些人會很奇怪地聽自己的回應,而我必須經常這樣做,而且我一直在分析它以及如何改進它。 這就像在你的團隊中觀看體育比賽的回放,你就像,“好吧,讓我們這樣做。讓我們再運行一次。再運行一次。運行......”我忘記了我是多麼習慣了。 我想,“哦,不,這只是我現在的工作。是的,這就是你的聲音。是的。” 但這很有趣。
- 史蒂夫:你已經從事教育工作 15 年了,從高中老師到大學老師,在教育領域為 Blackboard 工作,為 Treehouse 工作,建立自己的 JavaScript 培訓品牌和運行視頻,現在也運行 React 書。 但是我們之前談過,你提到訓練技巧也正在逐漸進入其他領域,你也是一名瑜伽老師。
- 扎克:是的。 是的。 了解個人品牌的一部分是我在個人品牌中投入了多少個人自我? 所以瑜伽是我開始嘗試更公開和品牌化的瑜伽之一。 但是,是的,我在瑜伽和不同環境中的教學以及練習不同分支方面有很多經驗,這是我日常生活的重要組成部分。
- 史蒂夫:它可以幫助你應對被困在屏幕中、一直在室內工作的問題嗎? 這是您為健康而做的事情,是您為放鬆屏幕而做的事情嗎? 它如何適應您的工作生活平衡?
- 扎克:好的,很酷。 我會給你關於品牌和非品牌的答案。 就品牌而言,是的,我將它融入我的日常生活中,它確實增強了我的專注力、臨場感和應對情況變化的能力。 對? 這就是品牌的答案。 非品牌是真正的談話。 我不做瑜伽,因為我像個混蛋。 我這樣做是因為如果我不這樣做,我就會受苦,而且我不喜歡它。 就像我在滑冰時受了很多傷,多年來我的身體一直很辛苦,誰知道還有什麼,只是在生活中掙扎,它會變得多麼糟糕,有時它必須是多麼忙碌,而且事情很艱難。
- 扎克:所以我就這樣做了,而且我不能超過三天不調音……現在請注意,還有鍛煉,還有很多形式,武術,很多不同的東西,舞蹈。 我認為每個人都傾向於不同的事情。 我探索,我喜歡很多不同的方式,但瑜伽一直存在並不斷發展,出於某種原因,瑜伽一直存在並不斷發展。
- 史蒂夫:所以人們實際上可以登錄 zacgordon.com 並參加你的瑜伽課嗎?
- Zac:所以在 zacgordon.com 上我有一個瑜伽頁面,我鏈接到我建立的一個名為 officeyoga.tv 的網站。 它有一堆免費的 20 分鐘辦公室瑜伽課程,因為以我的教學品牌,我想做一些與編碼或學習開發的人一致的事情,以及他們可以做的事情休息。 因此,在你需要一些靈活性和墊子的地方,將瘋狂的山頂、變色龍的火焰和太陽敬禮適應你可以在辦公桌上做的事情。
- 扎克:但這不是你媽媽的椅子瑜伽。 好的? 就像我教一些瘋狂的呼吸技巧一樣,在三分鐘內你會看到星星,你會有洞察力,就像噗! 所以說真的,這對我來說是一個有趣的教學機會,可以利用我在學習不同瑜伽分支方面最瘋狂和最好的方面,並將它們放入超級容易和可調節的東西中,對吧? 就像拿 JavaScript 這樣的瘋狂複雜的東西,並嘗試寫一本任何人都可以拿起並開始使用的 React 書。 從教育的角度來看都是一樣的,同樣的挑戰是接受一些東西,提煉它的本質,試圖找到相關的方法,人們可以學習它,然後從中受益。
- Zac:再說一次,這樣做很酷的事情是那些已經收聽的人。而且不是很多,有很多 JavaScript 學生,很少有辦公室那種人簽到,但有些人回來了。 他們就像,“是的,是的,我喜歡這個。” 通常他們在做健康的事情,或者試圖自己做健康的事情。 所以這只是其中的一小部分,成為其中的一部分很有趣。 再說一次,如果這是一個個人品牌,只是試圖讓它更個人化。
- 史蒂夫:嗯,你知道嗎? 這些年來,我參加了大約六次不同的技術會議,他們在每天活動開始前的早上舉行了瑜伽課程。 這似乎是很多技術人員感興趣的事情。還有一個人,Peter Bui,他是技術社區和 WordPress 和 Joomla 的澳大利亞人,他做過很多我去過的事情。 他在瑜伽教學方面和技術方面也有類似的平衡。 他發現兩者相互平衡。
- 扎克:是的,我也看到了一點。 我幾乎想停止提交 JavaScripts 演講,或者只是在早上開始提交辦公室瑜伽演講。 我去過一個WordCamp Europe,他們在那裡做的,帶來了一位講師。 如果我沒記錯的話,我認為是 WordCamp Europe,而不是美國。 但我喜歡那個。 我覺得這很酷。 是的,你看到了,然後環顧四周。 你就像,“哦,這個人顯然在做瑜伽,他們只是在這裡欣賞它。” 我認為這是一個很酷的選擇。
- 史蒂夫:嗯,在很多開源社區中都有一個真正將這種福祉放在更高優先級上的人。 這些年來我去過不少 DrupalCons,近年來他們開始強調心理健康和福祉,有不少談話特別強調避免倦怠,不得不處理超負荷工作。 我們過著更健康的生活。 我想我們中的許多人每天坐 10 到 12 個小時,坐在我們的屏幕前,並因此遭受身體或精神上的痛苦。
- 扎克:哦,是的,伙計。 我也在看這個。 越來越多的談話,甚至在 WordCamps 和它正在發生的所有空間中。 倦怠的創業心態正在被稱為真正的東西,這就像一種倦怠的心態。 我喜歡這個。 我喜歡這個。 我自己一直在做更多的事情,這有很大的不同。 這很難,因為我認為其中一件事是你認為不會有錢,或者會有壓力源,而這個,你只需要去做。 我覺得有時你確實必須經歷一些顛簸、階段、忙碌,然後把東西放進去。
- Zac:但它可以在平衡的波浪中出現,也可以讓系統不以戰鬥或飛行模式運行,因為伙計,我們只是在減少多年的經驗,同時可能會減少我們的經驗。 我不知道,我們不需要進入整個心理健康的事情,但是是的,它就在那裡,我很高興,是的,也許我們都會變得更好更有創意。 把它拉回到這本 React 書上,這是一個採用“你知道嗎?我會在大多數情況下每天早上寫一兩個小時”的方法的例子。 這是一個非常輕鬆的節奏,因為在我看來……你說一本書可能需要一年時間。 我當時想,“好吧,如果我休假六週或兩個月,我就可以做到這一點,然後把整個事情搞砸。” 對? 但沒有採取這種方法。 它更輕鬆,我對此感到更開心。
- Zac:我也有機會教授 React 並在此過程中多次測試這本書。 所以只是一些洞察力讓它慢一點,多相信一點。 並不是說你不必匆忙。 這本書是一種努力,並且學習了所有這些。 我仍然不認為自己是 React 專家,因為就像 JavaScript 的許多事情一樣,它可以深入。 但我真的很喜歡這個,而且我認為書中的內容也應該更冷酷、更全面、但更簡單,而不是像“好吧,我們現在正在構建 Reddit。去吧。”
- 史蒂夫:是的。 我們最初圍繞這本書討論的大部分內容都集中在要省略的內容上,最終它仍然是一本 300 多頁的書。 但是你提出了幾個你認為應該包括在內的不同主題,最終在某個時候你只需要停下來說,“嘿,我們只能在入門書中深入探討。” 他們可能至少有三四個被遺漏的好話題。 它可能很容易成為一本 700-800 頁的書。
- 扎克:哦,伙計。 這就是我必須指出的地方,現在任何人都可以出版一本書。 但是史蒂夫,與你和一個有寫書經驗的人一起工作,你經常回來,就像,“不,不,不,不是在 V one。讓我們把它拿出來。” 這很有幫助。 我不知道我是不是自己做的,如果我能完成它,因為它會像 50 章一樣長而且還在增長。 所以,是的,搞清楚......我忘記了有多少章節,多少內容,以及我做過的事情,並假設它會走一條路,然後它只是簡化了,它找到了這個非常好的利基市場,我認為,它。 話雖如此,我們將讓這本書保持最新狀態。 至少有兩個好章節和一些我想做的修改,因為 React 正在增長,但其中的核心內容是堅實的,不會改變,它是它的基礎,我真的很喜歡它。 是的。 有趣的過程。
- Steve : 所以如果你讀了這本書,你將能夠快速掌握 React 的基礎知識,並且可能會超出基礎知識的幾個步驟以及 300 頁的課程。 人們在閱讀本書後可以採取哪些步驟來幫助他們開始應用它? 因為我們以一種你可以在 Drupal 環境、WordPress 環境中使用 React 的方式教授 React。 比如說,對於一個 WordPress 聽眾,他們將如何將他們在 React Explained 中學到的東西應用到構建 Gutenberg 塊中。 有什麼好的資源嗎?
- 扎克:是的,這很有趣。 一開始,你實際上可以去閱讀文檔教程,看看它都是 React,並了解正在發生的一切。 然後你意識到,“哦,我實際上可以在這裡寫普通的 React,這很酷。這非常簡單直接。如果你已經了解 React,這是他們設計 Gutenberg 方式的美妙之處之一。所以這個超級簡單。考慮到主題或其他插件,任何你以前會做一些交互式小部件或區域的事情,React 很酷,因為它能夠放入任何這些 CMS 上的頁面,然後做前端的一些交互性的東西。也許點擊 REST API 來獲取一些數據,我們展示了這一點。
- Zac:實際上,書中有一個關於如何獲取 API 數據的示例實際上是使用 WordPress REST API。 我沒有告訴任何人,但我想,“我們能做的所有例子是什麼?讓我們這樣做吧。” 因此,對於那裡的 WordPress 人員來說,這是一個小消息。 你可以將它插入任何 API 並獲得這些東西,所以我認為這就是現在的起點。 幾乎你需要了解 React 才能做這些事情。 所以它只會幫助你,然後從那裡構建小部件和很酷的東西。 It's going to be an easy transition for folks, I think, especially those who had jQuery solutions, or dynamic little widgets and things before.
- Steve : Ah. Can I circle back to something you said about 30 seconds ago? You mentioned that the way Gutenberg is designed, it's possible to write pure React and get up and running. I'm curious because one of the common complaints I've heard about systems which will import libraries and frameworks from elsewhere is that they often get very mangled during the import process. I heard that a lot with Drupal 8 when they imported Symfony. It ended up not quite being Symfony, but a kind of Drupalized version of it. And I know Jim has done the same thing with Bootstrap, for example, ended up being a pretty impure version of it. Are you saying that if someone wants to start writing React in WordPress now, there's not too much in the way of major changes? It's a fairly pure version of React? What they learn in the book can apply directly to their WordPress development?
- Zac: Yeah, so off the bat, to set up a block in WordPress is just a JavaScript function, and then for one of the settings, it's like an edit setting, you pass it a React element. So you could literally just drop in your own custom React element there, and be rolling, or WordPress gives you some like default styled ones that you could do. Now WordPress did build an abstraction layer on top of React, so you don't actually import the entire React library. You import ... Well, WordPress imports and then renames thing ... Well, they basically with React you have pretty much React, but you don't always have the latest version. WordPress is going to step it up in case they want to keep anything backwards compatible.
- Zac: Now they did build this interesting thing called attributes, which is kind of like ... I think of it, if you know React, it has a state system in it, and they built their own state system on top of React. So there's attributes and set attributes type system, and if you're familiar with React, it'll make sense. But there is that kind of weird WordPress thing on top of it. And then when we get into Redux, their bigger state management system, they didn't just give us a Redux. They built a system using Redux, which in the end is a lot simpler because we just call special functions and get a bunch of data. We don't have to actually use Redux head on. But yeah, there are some abstraction layers.
- Zac: I did some courses on Gutenberg block development and advanced block development with the React layer. So if folks want to check out those, it'll get into the specifics. So I guess I'm kinda broad brushing it that, "Yeah, we have React, and you could just use native," which is true, but there is some wiring and a few differences there. But I think that they were as eloquent implementations as they could have done, keeping so much of WordPress the way it is.
- 史蒂夫:酷。 So how long would it take someone who maybe has a little bit of JavaScript experience, some React knowledge picked up from React Explained or somewhere else, how long would it take them to get up and running and start building Gutenberg blocks? Do they have to download one of the Gutenberg block scaffolds that are available on GitHub, or can they start writing from scratch? What would you recommend that someone with some background in JavaScript do to start digging into Gutenberg, and start writing blocks?
- Zac: Well, of course I gotta plug my Gutenberg Development Course, because I think that that's one of the easiest ways. But if you are someone who can learn just from repos, all of my course repos are open. So you could just go to the Gutenberg Course repo, start up there at github.com/zgordon, and you could just see a dozen different blocks, and figure out on your own how some of them work. The documentation is getting better, and there's like WP Storybook for using the Storybook app to look at all the WordPress components, so you can get an idea of what's out there.
- Zac: But yeah, I gotta say they built ... When you open up Gutenberg source code and you interact with it, yeah, it's a React app. It's pretty cool, and it looks like React. So this book is a great way. So I try to teach Gutenberg so that you don't need to know React, but if you do, it just helps give you context for how so many things are working, and how to customize it on your own.
- 史蒂夫:酷。 So congratulations on the book launch. You've just finished a big project, took several months to get this book out. Are you focused on anything else coming up? What's the next big thing you're working on?
- Zac: Yeah, well, in the immediate, along with this, working on a course for React along with the videos and kind of taking people through it who like to watch that video. From there, a lot of Gutenberg, man. It's keeping my attention, all the JavaScript that's going to be coming over the next year or two or three. They haven't even rebuilt the customizer yet. So that's kind of always on my side, the front burner, maybe just back for a second. But some of the headless WordPress stuff, Gatsby, a React framework, doing something that's API and decoupled from WordPress, also is a shiny thing for me that is very intriguing.
- 史蒂夫:好的。 So we've talked about using React for Gutenberg, but pretty soon it'll be React for widgets, React for the customizer, React for themes, potentially, as well. This thing is going to go deep.
- Zac: Yep, yep, yep. It's actually gonna get shallower, but yeah, everything's going to come to the surface, and the more you do with that, yup. 我認同。
- 史蒂夫:酷。 So you're working on more Gutenberg and more React training. Where can people keep up with you?
- Zac: Yeah. If you're on Twitter, @zgordon is that one, and javascriptforwp.com is where I have most of my courses, zacgordon.com my site, and please reach out. Say howdy if you've taken a course, or ask me about stuff if you have questions. Try my best to help.
- Steve : Wonderful. Thank you so much, Zac.
- Zac: Hey, thank you, Steve, man. 真的很感激。