The Roles of Frontend, Backend, and Database Explained by Example

In this video, I explain the intercommunication between frontend, backend, and database using twtter as an example.
0:00 Intro
0:45 features of twitter
1:02 how these features are implemented
2:32 complete flow: get the latest tweets
3:00 why use a database?
4:26 how the login flow works
5:49 different types of frontend
6:20 what should you learn?
8:01 the original question

Пікірлер: 255

  • @shirlinw
    @shirlinw9 ай бұрын

    "開始學習前,先了解在學的東西具有什麼功能,才能更了解整個運作" 這句話最重要~~ 感謝說明 😀

  • @user-xi6jz3fb4u
    @user-xi6jz3fb4u Жыл бұрын

    影片質感真的越來越好,而且實用性也提高了不少,對於大多數缺乏基礎的人,James的影片真的幫助超大! 😊

  • @shihuacheng8073
    @shihuacheng8073 Жыл бұрын

    對於台灣的慣老闆來說,剛開始網站不需要太多功能,想辦法架出網站即可,才不屌你前端後端資料庫,甚至作業系統、網路請一手包辦,過一陣子想加上哪個功能,再慢慢壓榨工程師精進,重點是薪水3萬而已唷~

  • @arkm6833
    @arkm6833 Жыл бұрын

    【開始學習前,先了解在學的東西具有什麼功能,才能更了解整個運作】確實是學習上很重要的一環。謝謝james分享,影片介紹的清楚好懂

  • @silver6455
    @silver64553 ай бұрын

    很高興看到這支影片,對初學者來說了解基本定義和架構真的是最重要的😃

  • @ya-wenkuan3135
    @ya-wenkuan3135 Жыл бұрын

    我覺得解說的蠻清晰、容易瞭解,期待其他影片

  • @chienholin114
    @chienholin11410 ай бұрын

    作為一個PM,在跌跌撞撞撞撞也逐漸摸索出前後端及資料庫的差別,但是終於有人能夠清楚講解一輪,太感謝了!!

  • @jenssabai9885
    @jenssabai9885 Жыл бұрын

    以新手来说,当然是先学前端的。 因为资料库是服务后端,而后端是服务前端,前端是服务人。 前端可以独立存在,而后端或资料库则不能,不然就没有存在的意义。 所以学后端或资料库的都要学会前端来检验成果。

  • @zxcvbnmlkjhg8
    @zxcvbnmlkjhg8 Жыл бұрын

    影片的製作品質越來越高了,推一個 很好閱讀

  • @CHARLESKUMINGHUIMoe
    @CHARLESKUMINGHUIMoe3 ай бұрын

    简单易懂,让人清楚的知道功能。谢谢你的视频有帮助到我了解他的流程。我原本还在纠结到底要学什么样的编程语言现在有了你的启发我也看开了。每个语言都有各自的好坏没有最好的语言只有更适合的语言。谢谢👍

  • @jerryxwinnie
    @jerryxwinnie Жыл бұрын

    淺顯易懂感謝🥹 期待下集❤

  • @zzztzzztzzz
    @zzztzzztzzz Жыл бұрын

    影片有分章節真是太好了😇

  • @CC-js6uy
    @CC-js6uy9 ай бұрын

    感謝解惑。。本來就知道自己想學來做什麼。只是東西太多傻傻分不清楚這些編程差別在哪。這樣我就知道如何安排學習計畫了

  • @weixintoo5939
    @weixintoo59395 ай бұрын

    谢谢你 非常简单明了的讲解 让我对前端,后端以及资料库有更好的理解=)

  • @ShiYu0318
    @ShiYu0318 Жыл бұрын

    很讚的影片!透過簡單的範例就能讓我大概了解了!

  • @user-ej5yk9rn3k
    @user-ej5yk9rn3k Жыл бұрын

    介紹簡單易懂 , 要是我大學的時候看到這段影片就好了 , 哈

  • @Hannah-oy2zz
    @Hannah-oy2zz4 күн бұрын

    謝謝James! 講解得非常清楚明瞭~🤩

  • @jimmykirito0305
    @jimmykirito0305 Жыл бұрын

    謝謝直白的說明 我只有稍微接觸程式設計也聽得懂

  • @user-wt7ig7cj8f
    @user-wt7ig7cj8f Жыл бұрын

    淺顯易懂!!推推

  • @wangzayn5891
    @wangzayn5891 Жыл бұрын

    淺顯易懂的解說!

  • @fei_studio_
    @fei_studio_3 ай бұрын

    清楚又實用,謝謝James!期待介紹token的影片

  • @yuenyang9933
    @yuenyang993310 ай бұрын

    真的很謝謝你解決了我的困惑👍

  • @Victor-cg4hx
    @Victor-cg4hx Жыл бұрын

    拜託多拍這種主題的 超讚

  • @ilovelctr
    @ilovelctr Жыл бұрын

    我是前一阵才开始学Python,之前的工作用的一直是vanilla JS, React, TypeScript。这个视频让我了解到了fastApi还有mongoDB, mySQL的区别哈哈哈哈,太棒棒惹

  • @z-ychen1443
    @z-ychen1443 Жыл бұрын

    希望可以出一集在講關於軟韌硬體三者的關係介紹及各自必備的程式🙏🏻

  • @jackyhaha8
    @jackyhaha8 Жыл бұрын

    James 講得很清楚👍 學一個技術之前,先了解目的、要解決的問題是很重要的~

  • @sfgh0102

    @sfgh0102

    4 ай бұрын

    可是我們得教育從小就只吿訴我們,你只要知道答案就行了,不要問那麽多。

  • @MusicalPan
    @MusicalPan Жыл бұрын

    每一端甚至ui操作體驗.美工都是有價值的,都學學也不錯,都是挑戰也能學到很多面向的理解,見林也見樹.見樹也見林,對於系統會有一個更整體的認識,當然淺嘗即止,開發.維護系統是個龐大複雜的工程,每一端涉及的工具.開發經驗.細節都不同,一個人自己要全部學到專精很難。 簡單來說學都可以學,但專精還是放在工作需要的地方比較好。

  • @iuooi-cy7vq
    @iuooi-cy7vq7 ай бұрын

    这个影片,很好,这样分析就了解了

  • @singmantkpss
    @singmantkpss Жыл бұрын

    我就是片頭說的越學越迷糊的小白✋✋ 太太太太太棒了!狠狠按贊~~ James之後可以講一下微服務又是什麼?

  • @james-kool

    @james-kool

    Жыл бұрын

    OK~

  • @Lucien-xd6ye
    @Lucien-xd6ye Жыл бұрын

    講的清楚 不錯!

  • @user-vq5do9xk4l
    @user-vq5do9xk4l9 ай бұрын

    影片內容很好!

  • @kobebryant80061
    @kobebryant800619 ай бұрын

    已經按讚~ 且受益良多! 感謝您

  • @LouisChiaki
    @LouisChiaki Жыл бұрын

    倒是覺得先學 python 和寫 code 比較重要,會需要寫 code 的工作和 project 不一定是前端、後端、資料庫。也可以是數據科學、AI、ML 或科學研究。

  • @andrewliang25

    @andrewliang25

    Жыл бұрын

    不太建議新手先學Python,動態型別的語言相對難debug,且簡單好上手的代價就是很容易忽略程式碼底層是如何運作的。 而Python常用的Data Mining, AI, Machine Learning等,專業門檻非常高,非相關科系的碩博士基本上工作都碰不到。

  • @salarygoal4932

    @salarygoal4932

    Жыл бұрын

    先學python 的科系老師都在害學生

  • @user-lf1vj2zd8m

    @user-lf1vj2zd8m

    Жыл бұрын

    @@andrewliang25 我就是先學的python 後來接觸competitive programming就需要花很多時間惡補基礎 而且相當於重新學了一遍 很多以前搞不清楚的概念到後面才搞懂 不過新手學python也有個好處 就是python比較有趣好玩 不太容易半途而廢 相當於入門 學了python後 如果以後再決定深入鑽研的話可以繼續學下去 如果不再學了也可以當作一門實用技能

  • @Phantom_Blox

    @Phantom_Blox

    Жыл бұрын

    @@andrewliang25 學好英文其實先學什麼都沒差

  • @Edditoria

    @Edditoria

    Жыл бұрын

    我是由 Ruby on Rails 作起點而且是自學,我認為沒差,視乎有多少時間,和隨時回顧自己在學什麼,那裏需要加強,什麼要重練。像我這樣年紀比較大,基本上就是邊接案邊做邊學(也當然要找人合作),沒生產早就被迫放棄了。 我的心得是: - 須知道在學習的是什麼,例如 AI 實際上能解決什麼問題、展望,和當初的認知有多大差別; - 多聽但亦要有自己想法; - 狂看狂看狂看文件; - 英文很重要; - 按需求多學幾種語言沒差

  • @leonardlau4951
    @leonardlau4951 Жыл бұрын

    哇 这是我最需要的!感谢!!!

  • @kunyuchang
    @kunyuchang Жыл бұрын

    James 解釋做的淺顯易懂,我覺得很棒,不過我想提一點,雖然 James 曾經做過過氣別學的影片中有點到, 但我覺得後端程式 PHP 跟框架 Laravel,在台灣還是有很多後端職缺,還是可以供很多不同程度想入門的朋友參考。

  • @user-br2uw6lq5k
    @user-br2uw6lq5k4 ай бұрын

    謝謝解說 很簡明好懂

  • @今天比昨天厲害
    @今天比昨天厲害 Жыл бұрын

    看完開頭就知道是好影片! 以訂閱 感謝分享 共勉之!

  • @createsomes
    @createsomes7 ай бұрын

    Great job. Very useful for a tech new fish.

  • @rebeccachang4732
    @rebeccachang4732 Жыл бұрын

    很清楚!推

  • @terryjames4552
    @terryjames4552 Жыл бұрын

    謝謝分享 幫助很大

  • @user-zr4pb9bq7q
    @user-zr4pb9bq7q Жыл бұрын

    讚喔記得以前就有追蹤現在粉絲人數變好多了!

  • @boylovesgirl9999
    @boylovesgirl9999 Жыл бұрын

    學到了 感恩!!!!!!! 實用

  • @LWH2011
    @LWH20115 ай бұрын

    感謝分享 獲益良多

  • @dasing2
    @dasing2 Жыл бұрын

    已訂閱! 希望能多講一些基礎和觀念的東西, 例如: 框架 還有一些更新的趨勢, 例如: kotlin可取代Java和Scala?

  • @carolding8465
    @carolding8465 Жыл бұрын

    感謝演算法推薦😭

  • @Beabetterone
    @Beabetterone Жыл бұрын

    謝謝 James

  • @user-ds6ut6nd2e
    @user-ds6ut6nd2e Жыл бұрын

    講的好清楚 比起直接先啃一本幾百頁的書好多了 真的先了解工具能做到什麼事做到什麼程度 才有概念能做什麼達成什麼

  • @ryankofish
    @ryankofish Жыл бұрын

    感謝分享 !!!!!

  • @cyg6535
    @cyg6535 Жыл бұрын

    希望可以多多拍系列的影片🎉

  • @celp329
    @celp329 Жыл бұрын

    Muy bueno, me clareaste muchas dudas! recomendadisimo!

  • @ltag7564
    @ltag7564Ай бұрын

    谢James的解说。我是有订一些程式语言课程要学,以一位志不在当码农的人而言,在研究不同程式两年后,知道自己所迭的程式课程应用在何处,但却不知在程式资讯流程的位置,经过James的讲解,就理解了,也更确定自己迭的程式课程对自己工作上的用途。

  • @alice735
    @alice735 Жыл бұрын

    Subscribed!!!! Your example was one of the most simplified and particularly apt to understanding how they all work in relation to each other. I applaud you and your no nonsense presentation!

  • @user-pg4kr3ex4s
    @user-pg4kr3ex4s8 ай бұрын

    說的很好欸

  • @kalanchen
    @kalanchen Жыл бұрын

    James , 可不可以做一集, 什麼是"框架" , 以及 用"框架"與不用"框架" 差在那? 因為我們搞不清楚, 謝謝

  • @user-li6se5tv3q
    @user-li6se5tv3q Жыл бұрын

    講解得很清楚!但是你放補充說明時的字卡(像是twitter那邊說腳本很久以前寫....)時說不定可以加一些音效,不然很容易會沒注意到上面寫啥

  • @user-dm4sn3vp6n
    @user-dm4sn3vp6n3 ай бұрын

    有料!!

  • @user-is9rj4uq9p
    @user-is9rj4uq9p Жыл бұрын

    謝謝你!

  • @QQ-wv1gr
    @QQ-wv1gr4 ай бұрын

    点赞。初学者太喜欢了

  • @eugenechen3538
    @eugenechen35387 ай бұрын

    超有用

  • @xxxlin1642
    @xxxlin1642 Жыл бұрын

    Feedback: Presentation的內容很棒很有工程師的精要實際的風格、我喜歡🎉 個人覺得少數穿插在裡面的slides的秒數考慮到受眾吸收速度或許可以再微調? 你整體是很有型的、個人覺得挺上鏡耶。表情措辭語氣可以再加點傳播學院風格進去應該更帥!

  • @user-qs8lp6wt8p
    @user-qs8lp6wt8p Жыл бұрын

    影片内容很不错,建议图片停留时间可以加长1-2秒

  • @llyy7386
    @llyy7386 Жыл бұрын

    这个写的很好 建议可以加上日文和英文字幕,好让更多人看到

  • @yongqili-eq4fh
    @yongqili-eq4fh2 ай бұрын

    Help me a better understanding ,thanks a lot.

  • @conneryspring
    @conneryspring Жыл бұрын

    前段是给client机的 后端是server处理的 数据池存储数据的 每个SQL语句都具有增删改查的功能来提供各种业务需求

  • @user-ht9en5hr7g
    @user-ht9en5hr7g Жыл бұрын

    謝謝

  • @user-rc9rk4it5m
    @user-rc9rk4it5m10 ай бұрын

    token我在使用Netflix也有在地址欄見過。

  • @ching-tangwang682
    @ching-tangwang682 Жыл бұрын

    讚!之後可以做一集部署網頁會用到的技能嗎?

  • @xiang1888
    @xiang18888 ай бұрын

    現在通常都要求要全端了解,所以以全端來說,個人是覺得html這部分要先了解後,之後實作後端才能知道甚麼請求對應那些資料庫的資料,當然之後視工作需要去專注前端或後端就好。

  • @jizhou749
    @jizhou749 Жыл бұрын

    醍醐灌顶呀,明白了。我正在闹笑话,PYTHON 和SWIFT一起学了。😺

  • @kevinyang4539
    @kevinyang45399 ай бұрын

    讚!!!

  • @behindthebackcrossover2464
    @behindthebackcrossover2464 Жыл бұрын

    已訂閱

  • @justinwuu
    @justinwuuАй бұрын

    收藏,等我睡不着的时候看

  • @slimenull
    @slimenull Жыл бұрын

    記得我最開始是從 C# 學起的, 不過剛開始我什麽也不懂, 覺得桌面程式比較有意思 (其實就是因爲平常大多數接觸的程式都是桌面程式啦), 後來的話, 慢慢發現, 原來控制臺程式更舒服 (畢竟我這種不懂設計的人, 實在是很難弄出好看的), 再往後就是學了 Socket, 然後學了 Http, 然後通過 API 寫了一個簡單的翻譯程式. 然後也是不斷的瞭解其他東西, 像是 back-end 啦, database 什麽的. 嘿嘿, 最開始完全沒有亂呢, 因爲什麽也不懂就隨便挑了一個 (笑

  • @user-lr2cc3jo5i
    @user-lr2cc3jo5i9 ай бұрын

    讚讚

  • @user-yk5qd5fp8w
    @user-yk5qd5fp8w7 ай бұрын

    感謝 身為設計系的學生,最近SD甚至開放讓大家web算圖,仔細查發現ai生成3d的也不在少數,今後勢必要成為技術美術,才配得起新工具的快速高效能。 在想了解這塊程式語言上是不知道從何入手的事,就算我曾經在必修課上學過一點點的c#。

  • @kkk2323111

    @kkk2323111

    6 ай бұрын

    可惜 AI 跟 C# 關係甚遠啊, 現今 AI 技術還是需要C++或Python, 這點點的 C# 作用不太夠用 但是要設計系的人學習 C++ 又太難了, 而 python 則是完全違背所有CS理論惹人討厭的麻煩東西...

  • @XPRAMT

    @XPRAMT

    5 ай бұрын

    sd本體和插件幾乎都是用py寫的

  • @davidlin2185
    @davidlin2185 Жыл бұрын

    講得很棒,不過建議音量可以大一點,不然耳朵不好的觀眾會聽得很辛苦,肢體語言也可以多一點,加油~

  • @user-lz3tv4wz4d
    @user-lz3tv4wz4d9 ай бұрын

    想知道演算送法推薦在當中的角色跟設定怎麼執行?

  • @salarygoal4932
    @salarygoal4932 Жыл бұрын

    有沒有考慮做podcasts 早上整理配着聽好讚

  • @james-kool

    @james-kool

    Жыл бұрын

    Pocast 應該會想找個朋友一起錄XD

  • @KittyFace999
    @KittyFace999 Жыл бұрын

    好!好!好!

  • @user-lz3tv4wz4d
    @user-lz3tv4wz4d9 ай бұрын

    我想詢問您Arduino在訊號蒐集跟控制,並跟Matlab或scratch 連結的部分,要被歸類成什麼?

  • @archerlee8091
    @archerlee8091 Жыл бұрын

    Thanks

  • @BCBTC2012
    @BCBTC2012 Жыл бұрын

    果断订阅!谢谢你的视频!

  • @lisadiaz3647
    @lisadiaz36478 ай бұрын

    thanks

  • @user-mv6bn7vb2s
    @user-mv6bn7vb2s Жыл бұрын

    Golang比較容易理解,開發後端也很快速。

  • @yunqian3939
    @yunqian3939 Жыл бұрын

    想請問這邊提到的API Server跟Apigee是一樣的東西嗎

  • @music4m347
    @music4m3472 ай бұрын

    5:33 token是如何運作的 求影片連結~ 剛剛翻了一下沒翻到

  • @Silarce
    @Silarce Жыл бұрын

    感謝您的解說 請問一下,非web前端是否也會使用html與css呢?

  • @liangma9601

    @liangma9601

    Жыл бұрын

    一般简单的APP只是一个浏览器的壳,前端跟手机web共用。如果要做一个纯native开发的APP当然可以不用HTML和css

  • @pingbaoNRi
    @pingbaoNRi Жыл бұрын

    👍

  • @04pythonopencvai58
    @04pythonopencvai58 Жыл бұрын

    如果像微信小程序這種,是如寫網頁般,用js來寫嗎?

  • @tzuchunlin9226
    @tzuchunlin92269 ай бұрын

    給讚+訂閱

  • @jhang0204
    @jhang0204 Жыл бұрын

    過來人的自學經驗是由前端學到後端,由上層學到底層

  • @eagleharmony8216
    @eagleharmony82167 ай бұрын

    前後端伺服器交互是我覺得學程式中最難的部分 我很糾結到底該不該學習某些框架,這些框架很方便,但隨著框架的逐漸進步我感覺我開始陷入路徑依賴了

  • @ehergize
    @ehergize8 ай бұрын

    我是想開始學習python 因為想之後對分析數據用到,我是不是也要學習SQL和後端?好像更複雜了,是希望工作上更快速準確處理excel不及的地方

  • @MarcoChang0309
    @MarcoChang0309 Жыл бұрын

    希望在中間字幕表示時,能夠停留久一點好讓我能閱讀一下。因為轉換的速度太快,我都需要倒退後暫停再閱讀文字。有點不太方便。 期待頻道能愈做愈好快快成長。

  • @james-kool

    @james-kool

    Жыл бұрын

    很快的就代表是不重要的部分XD

  • @dasing2

    @dasing2

    Жыл бұрын

    你可以調慢播放速度

  • @Lily-jk2gy

    @Lily-jk2gy

    Жыл бұрын

    @@james-kool 儘管不重要,但只閃過一下就消失難免會讓人錯愕,而且90%的人都會特地再倒回去暫停看一遍,這就喪失了「不重要所以一秒帶過」的本意;與其讓大家多做這個動作,不如一開始就停久一點、或以小字顯示在旁邊、甚至把內容寫進腳本裏快速帶過,就算來不及讀完也聽完了(個人覺得後兩種比較好),一點建議。

  • @user-jv2rg5wx6h

    @user-jv2rg5wx6h

    Жыл бұрын

    我覺得90%的估值就有點太過了。我習慣調150%來看各種影片,也會習慣開字幕來幫助我避免miss掉。 不過..或許是因為此影片的內容非我相關科系或本業,僅是作為我茶餘飯後看到稍微有興趣駐足瀏覽新知用的,所以並不覺得他字幕顯示時間有什麼問題😅

  • @james-kool

    @james-kool

    Жыл бұрын

    我原本是用類似彩蛋的概念去做的,目的只是增加一點小樂趣,有興趣可以自己回放,沒興趣就不看也不會損失什麼。未來要不要繼續放還是放慢我再考慮看看

  • @user-wp4qg1bx4k
    @user-wp4qg1bx4k6 ай бұрын

    很清晰

  • @zampie8727
    @zampie87275 ай бұрын

    可能先學習寫遊戲的script 這樣能夠邊玩邊學 了解client跟server端的差別

  • @user-yg7xi2by6l
    @user-yg7xi2by6l8 ай бұрын

    請問你脖子上的麥克風是什麼牌子的

  • @endermanbugzjfc
    @endermanbugzjfc Жыл бұрын

    7:23 請問 James : WebAssembly 算前端嗎? 我看很多語言都有 WebAssembly 的 Transpiler (原始碼到原始碼編譯器)。

  • @slimenull

    @slimenull

    Жыл бұрын

    感覺不完全算, 畢竟 WASM 的話, 主要是寫邏輯, 至於畫面, 還是要用 HTML, CSS 什麽來寫的, 況且 WASM 也沒辦法完全替代 JS, 他還是需要 JS 來加載並調用的

  • @behindthebackcrossover2464
    @behindthebackcrossover2464 Жыл бұрын

    問個,大大那推文的演算法也是後段再做的嗎,謝謝

  • @SmlWhite
    @SmlWhite Жыл бұрын

    可以先學JS,教程多,可以寫前後端,也就是學一個語言就可以做全端了,全端熟練後,找工作比較容易。

Келесі