全端軟體工程師 - MERN Stack完整課程教學

閱讀時間約 2 分鐘
建置好前端後, MERN全端工程師教學在這裡,想學習MongoDB和Express可以來這裡學習

學習重點

  • 認識MongoDB和NoSQL
  • 如何連接與TodoApp
  • 案例建制Model
  • Express 建立路徑
  • 學習REST API

Part 1 - MongoDB和Mongoose 建置介紹

Part 2 - MongoDB 建置教學與連接到 Todo APP

總結

  • 此為主流前端技術與後端教學,架構可以透過影片來學習

額外資源教學

如何用FIgma製作個人作品集教學 - https://vocus.cc/article/645c733dfd89780001ffe890
學習如何設計好產品 - 使用者經驗設計 | 易用性 | 通用設計 - https://vocus.cc/article/64637f74fd8978000175c0f8
前端教學架設TodoApp
學習如何用HMTL5和CSS3,跟JayLin一起做一個NFT卡片完整課程 - https://vocus.cc/article/64637f74fd8978000175c0f8
如果你對基礎有不了解地方可以前往以下去學習,Tailwind CSS 初學課程教學 - https://vocus.cc/article/64643471fd897800017d35e1

更多相關教學文章

即將進入廣告,捲動後可繼續閱讀
為什麼會看到廣告
12會員
32內容數
設計 + 程式,是一個出版對設計和程式的學習影片和教學文章,目的是為了讓大家能加快學習最新技術以及設計相關題目去思考如何改變產品的設計體驗。 請追蹤JayLinXR獲得最新消息: https://www.youtube.com/@jaylinxr
留言0
查看全部
發表第一個留言支持創作者!
JayLinXR 的其他內容
教大家如何用TailwindCSS來做現代蠻流行的DarkMode和LightMode之間轉換😃 註: 最後面"dark"請改為"black",錄製太快沒有看到有錯誤
動態導覽列為增加使用者經驗UX,要如何在Tailwind CSS上實現呢?這次JayLin來帶大家做一個動態導覽列(Animation Navigation)
TaiwlildCSS已成為主流技術在2023年https://roadmap.sh/frontend 擁有良好的設計系統(Design System)以及CSS-In-JS增加讀取速度 和不需要創建CSS檔案即可以用class去做Styling
這集跟大家初步介紹Next.js和如何安裝與設置最後製作一個作品集(Portfolio) 如果對設計有興趣的朋友們可以看以下連結文章來學習Figma設計軟件 https://vocus.cc/article/645c733dfd89780001ffe890
Todo App是一個很好學習程式語言的專案開始,JayLin來帶大家手把手用TypeScript | React | TailwildCSS 來做一個小專案
想要知道如何用最新技術來製作一個App嗎? 跟著JayLin用React | Redux Tool Kit | TypeScript | TailwildCSS 來製作一個Drawing App
教大家如何用TailwindCSS來做現代蠻流行的DarkMode和LightMode之間轉換😃 註: 最後面"dark"請改為"black",錄製太快沒有看到有錯誤
動態導覽列為增加使用者經驗UX,要如何在Tailwind CSS上實現呢?這次JayLin來帶大家做一個動態導覽列(Animation Navigation)
TaiwlildCSS已成為主流技術在2023年https://roadmap.sh/frontend 擁有良好的設計系統(Design System)以及CSS-In-JS增加讀取速度 和不需要創建CSS檔案即可以用class去做Styling
這集跟大家初步介紹Next.js和如何安裝與設置最後製作一個作品集(Portfolio) 如果對設計有興趣的朋友們可以看以下連結文章來學習Figma設計軟件 https://vocus.cc/article/645c733dfd89780001ffe890
Todo App是一個很好學習程式語言的專案開始,JayLin來帶大家手把手用TypeScript | React | TailwildCSS 來做一個小專案
想要知道如何用最新技術來製作一個App嗎? 跟著JayLin用React | Redux Tool Kit | TypeScript | TailwildCSS 來製作一個Drawing App
你可能也想看
Google News 追蹤
Thumbnail
這個秋,Chill 嗨嗨!穿搭美美去賞楓,裝備款款去露營⋯⋯你的秋天怎麼過?秋日 To Do List 等你分享! 秋季全站徵文,我們準備了五個創作主題,參賽還有機會獲得「火烤兩用鍋」,一起來看看如何參加吧~
Thumbnail
美國總統大選只剩下三天, 我們觀察一整週民調與金融市場的變化(包含賭局), 到本週五下午3:00前為止, 誰是美國總統幾乎大概可以猜到60-70%的機率, 本篇文章就是以大選結局為主軸來討論近期甚至到未來四年美股可能的改變
Thumbnail
Faker昨天真的太扯了,中國主播王多多點評的話更是精妙,分享給各位 王多多的點評 「Faker是我們的處境,他是LPL永遠繞不開的一個人和話題,所以我們特別渴望在決賽跟他相遇,去直面我們的處境。 我們曾經稱他為最高的山,最長的河,以為山海就是盡頭,可是Faker用他28歲的年齡...
Thumbnail
本篇將分享VSCode工作區的設定與功能,包括如何將資料夾新增到工作區、如何存檔、以及外掛推薦。這些小技巧能夠幫助您在使用 rushjs 能更輕鬆地管理 monorepo,提高工作效率。
Thumbnail
【01/12盤前重點新聞】 *CPI數據潑3月降息冷水 美股持平 微軟市值短暫超越蘋果 *郭明錤估蘋果Vision Pro開賣後將很快銷售一空 *12月業績佳 5檔小飆股冒出頭 *押寶買盤下好離手 16檔勝選概念股出列
Thumbnail
好友間互傳的7-11和全聯「新年禮物」萬元抽獎問卷竟是假的,想領獎卻被導到簡訊發送畫面,甚至還有可能跳出手機中毒,要求安裝不明掃毒軟體!提醒大家不明這種假的抽獎問券很多,切勿為了領獎隨意轉發,活動還是要依官方管道的為主唷
Thumbnail
【11/21盤前重點新聞】 *20年期美債拍賣需求強勁 輝達微軟締輝煌 *10月外銷訂單連14黑 年末銷售旺季有望挹 *AI PC元年來了!記憶體大軍破底翻 *鴻華接單逾9,000輛 納智捷n7明年中交貨
Thumbnail
【11/13盤前重點新聞】 *微軟再登高、台積電ADR大漲6%激勵費半 *台積電先進封裝客戶大追單 加快擴產 *陸今年雙11 電商陷苦戰 *景氣不佳 PCB板廠前三季財報仍閃耀
Thumbnail
Onshape教學-基礎3.基本2D繪圖工具Onshape 全雲端3DCAD軟體- 邱允文 在本系列課程中使用 Onshape 學習 CAD 基礎知識。針對初學者,在第一堂課中,我們熟悉 Onshape 及其環境,然後專注於素描工具,然後我們將這些工具付諸實踐,為一個簡單的開瓶器建模。 Onshap
Thumbnail
前幾天看到在靠北工程師 FB 上有篇貼文,原 PO 提到:「因與經理不合,公司唯一一個可以扛下前端、後端、雲端、手機端的工程師,即便老闆加薪 60% 也堅持離職,最後老闆另開一間公司讓這位員工在新公司上班。」後來還上了新聞,一時間被媒體稱為「最強工程師」,真的有工程師能負責這麼多領域嗎?
Thumbnail
最好的投資,就是投資你自己 - 華倫·巴菲特 我覺得先來個總結好了。在上完這一個月的課程後,我推薦如果你是要轉換跑道或是學習網頁開發的朋友們,因為這是一門CP值相當高的一個課程。
Thumbnail
郭婞淳一開場就是輾壓,人家舉一百二十公斤的就快往生了,她第一次直接從一二五舉起,後面直接加八,瞬間輾壓,舉完第一次就已經金牌,其他人根本就是來爭二三名的。雖然她本來舉一百四十要打破紀錄,但卻失敗。可拿下這次台灣的首面金牌還是很值得大家喝采的。可在比完賽之後的一些插曲卻讓這整件原本是開心的事情蒙上陰影
Thumbnail
這個秋,Chill 嗨嗨!穿搭美美去賞楓,裝備款款去露營⋯⋯你的秋天怎麼過?秋日 To Do List 等你分享! 秋季全站徵文,我們準備了五個創作主題,參賽還有機會獲得「火烤兩用鍋」,一起來看看如何參加吧~
Thumbnail
美國總統大選只剩下三天, 我們觀察一整週民調與金融市場的變化(包含賭局), 到本週五下午3:00前為止, 誰是美國總統幾乎大概可以猜到60-70%的機率, 本篇文章就是以大選結局為主軸來討論近期甚至到未來四年美股可能的改變
Thumbnail
Faker昨天真的太扯了,中國主播王多多點評的話更是精妙,分享給各位 王多多的點評 「Faker是我們的處境,他是LPL永遠繞不開的一個人和話題,所以我們特別渴望在決賽跟他相遇,去直面我們的處境。 我們曾經稱他為最高的山,最長的河,以為山海就是盡頭,可是Faker用他28歲的年齡...
Thumbnail
本篇將分享VSCode工作區的設定與功能,包括如何將資料夾新增到工作區、如何存檔、以及外掛推薦。這些小技巧能夠幫助您在使用 rushjs 能更輕鬆地管理 monorepo,提高工作效率。
Thumbnail
【01/12盤前重點新聞】 *CPI數據潑3月降息冷水 美股持平 微軟市值短暫超越蘋果 *郭明錤估蘋果Vision Pro開賣後將很快銷售一空 *12月業績佳 5檔小飆股冒出頭 *押寶買盤下好離手 16檔勝選概念股出列
Thumbnail
好友間互傳的7-11和全聯「新年禮物」萬元抽獎問卷竟是假的,想領獎卻被導到簡訊發送畫面,甚至還有可能跳出手機中毒,要求安裝不明掃毒軟體!提醒大家不明這種假的抽獎問券很多,切勿為了領獎隨意轉發,活動還是要依官方管道的為主唷
Thumbnail
【11/21盤前重點新聞】 *20年期美債拍賣需求強勁 輝達微軟締輝煌 *10月外銷訂單連14黑 年末銷售旺季有望挹 *AI PC元年來了!記憶體大軍破底翻 *鴻華接單逾9,000輛 納智捷n7明年中交貨
Thumbnail
【11/13盤前重點新聞】 *微軟再登高、台積電ADR大漲6%激勵費半 *台積電先進封裝客戶大追單 加快擴產 *陸今年雙11 電商陷苦戰 *景氣不佳 PCB板廠前三季財報仍閃耀
Thumbnail
Onshape教學-基礎3.基本2D繪圖工具Onshape 全雲端3DCAD軟體- 邱允文 在本系列課程中使用 Onshape 學習 CAD 基礎知識。針對初學者,在第一堂課中,我們熟悉 Onshape 及其環境,然後專注於素描工具,然後我們將這些工具付諸實踐,為一個簡單的開瓶器建模。 Onshap
Thumbnail
前幾天看到在靠北工程師 FB 上有篇貼文,原 PO 提到:「因與經理不合,公司唯一一個可以扛下前端、後端、雲端、手機端的工程師,即便老闆加薪 60% 也堅持離職,最後老闆另開一間公司讓這位員工在新公司上班。」後來還上了新聞,一時間被媒體稱為「最強工程師」,真的有工程師能負責這麼多領域嗎?
Thumbnail
最好的投資,就是投資你自己 - 華倫·巴菲特 我覺得先來個總結好了。在上完這一個月的課程後,我推薦如果你是要轉換跑道或是學習網頁開發的朋友們,因為這是一門CP值相當高的一個課程。
Thumbnail
郭婞淳一開場就是輾壓,人家舉一百二十公斤的就快往生了,她第一次直接從一二五舉起,後面直接加八,瞬間輾壓,舉完第一次就已經金牌,其他人根本就是來爭二三名的。雖然她本來舉一百四十要打破紀錄,但卻失敗。可拿下這次台灣的首面金牌還是很值得大家喝采的。可在比完賽之後的一些插曲卻讓這整件原本是開心的事情蒙上陰影