Тёмный

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

JamesKool
Подписаться 62 тыс.
Просмотров 480 тыс.
50% 1

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

Опубликовано:

 

30 июн 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 256   
@shirlinw
@shirlinw 9 месяцев назад
"開始學習前,先了解在學的東西具有什麼功能,才能更了解整個運作" 這句話最重要~~ 感謝說明 😀
@arkm6833
@arkm6833 Год назад
【開始學習前,先了解在學的東西具有什麼功能,才能更了解整個運作】確實是學習上很重要的一環。謝謝james分享,影片介紹的清楚好懂
@shihuacheng8073
@shihuacheng8073 Год назад
對於台灣的慣老闆來說,剛開始網站不需要太多功能,想辦法架出網站即可,才不屌你前端後端資料庫,甚至作業系統、網路請一手包辦,過一陣子想加上哪個功能,再慢慢壓榨工程師精進,重點是薪水3萬而已唷~
@chienholin114
@chienholin114 10 месяцев назад
作為一個PM,在跌跌撞撞撞撞也逐漸摸索出前後端及資料庫的差別,但是終於有人能夠清楚講解一輪,太感謝了!!
@user-xi6jz3fb4u
@user-xi6jz3fb4u Год назад
影片質感真的越來越好,而且實用性也提高了不少,對於大多數缺乏基礎的人,James的影片真的幫助超大! 😊
@ya-wenkuan3135
@ya-wenkuan3135 Год назад
我覺得解說的蠻清晰、容易瞭解,期待其他影片
@jerryxwinnie
@jerryxwinnie Год назад
淺顯易懂感謝🥹 期待下集❤
@silver6455
@silver6455 3 месяца назад
很高興看到這支影片,對初學者來說了解基本定義和架構真的是最重要的😃
@zxcvbnmlkjhg8
@zxcvbnmlkjhg8 Год назад
影片的製作品質越來越高了,推一個 很好閱讀
@ShiYu0318
@ShiYu0318 Год назад
很讚的影片!透過簡單的範例就能讓我大概了解了!
@CC-js6uy
@CC-js6uy 9 месяцев назад
感謝解惑。。本來就知道自己想學來做什麼。只是東西太多傻傻分不清楚這些編程差別在哪。這樣我就知道如何安排學習計畫了
@zzztzzztzzz
@zzztzzztzzz Год назад
影片有分章節真是太好了😇
@user-wt7ig7cj8f
@user-wt7ig7cj8f Год назад
淺顯易懂!!推推
@user-ej5yk9rn3k
@user-ej5yk9rn3k Год назад
介紹簡單易懂 , 要是我大學的時候看到這段影片就好了 , 哈
@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 實際上能解決什麼問題、展望,和當初的認知有多大差別; - 多聽但亦要有自己想法; - 狂看狂看狂看文件; - 英文很重要; - 按需求多學幾種語言沒差
@MusicalPan
@MusicalPan Год назад
每一端甚至ui操作體驗.美工都是有價值的,都學學也不錯,都是挑戰也能學到很多面向的理解,見林也見樹.見樹也見林,對於系統會有一個更整體的認識,當然淺嘗即止,開發.維護系統是個龐大複雜的工程,每一端涉及的工具.開發經驗.細節都不同,一個人自己要全部學到專精很難。 簡單來說學都可以學,但專精還是放在工作需要的地方比較好。
@jenssabai9885
@jenssabai9885 Год назад
以新手来说,当然是先学前端的。 因为资料库是服务后端,而后端是服务前端,前端是服务人。 前端可以独立存在,而后端或资料库则不能,不然就没有存在的意义。 所以学后端或资料库的都要学会前端来检验成果。
@weixintoo5939
@weixintoo5939 5 месяцев назад
谢谢你 非常简单明了的讲解 让我对前端,后端以及资料库有更好的理解=)
@CHARLESKUMINGHUIMoe
@CHARLESKUMINGHUIMoe 3 месяца назад
简单易懂,让人清楚的知道功能。谢谢你的视频有帮助到我了解他的流程。我原本还在纠结到底要学什么样的编程语言现在有了你的启发我也看开了。每个语言都有各自的好坏没有最好的语言只有更适合的语言。谢谢👍
@wangzayn5891
@wangzayn5891 Год назад
淺顯易懂的解說!
@yuenyang9933
@yuenyang9933 10 месяцев назад
真的很謝謝你解決了我的困惑👍
@jimmykirito0305
@jimmykirito0305 Год назад
謝謝直白的說明 我只有稍微接觸程式設計也聽得懂
@fei_studio_
@fei_studio_ 3 месяца назад
清楚又實用,謝謝James!期待介紹token的影片
@ltag7564
@ltag7564 Месяц назад
谢James的解说。我是有订一些程式语言课程要学,以一位志不在当码农的人而言,在研究不同程式两年后,知道自己所迭的程式课程应用在何处,但却不知在程式资讯流程的位置,经过James的讲解,就理解了,也更确定自己迭的程式课程对自己工作上的用途。
@Victor-cg4hx
@Victor-cg4hx Год назад
拜託多拍這種主題的 超讚
@Hannah-oy2zz
@Hannah-oy2zz 6 дней назад
謝謝James! 講解得非常清楚明瞭~🤩
@Lucien-xd6ye
@Lucien-xd6ye Год назад
講的清楚 不錯!
@user-vq5do9xk4l
@user-vq5do9xk4l 9 месяцев назад
影片內容很好!
@jackyhaha8
@jackyhaha8 Год назад
James 講得很清楚👍 學一個技術之前,先了解目的、要解決的問題是很重要的~
@sfgh0102
@sfgh0102 4 месяца назад
可是我們得教育從小就只吿訴我們,你只要知道答案就行了,不要問那麽多。
@singmantkpss
@singmantkpss Год назад
我就是片頭說的越學越迷糊的小白✋✋ 太太太太太棒了!狠狠按贊~~ James之後可以講一下微服務又是什麼?
@james-kool
@james-kool Год назад
OK~
@kobebryant80061
@kobebryant80061 9 месяцев назад
已經按讚~ 且受益良多! 感謝您
@z-ychen1443
@z-ychen1443 Год назад
希望可以出一集在講關於軟韌硬體三者的關係介紹及各自必備的程式🙏🏻
@iuooi-cy7vq
@iuooi-cy7vq 7 месяцев назад
这个影片,很好,这样分析就了解了
@ilovelctr
@ilovelctr Год назад
我是前一阵才开始学Python,之前的工作用的一直是vanilla JS, React, TypeScript。这个视频让我了解到了fastApi还有mongoDB, mySQL的区别哈哈哈哈,太棒棒惹
@user-br2uw6lq5k
@user-br2uw6lq5k 4 месяца назад
謝謝解說 很簡明好懂
@kunyuchang
@kunyuchang Год назад
James 解釋做的淺顯易懂,我覺得很棒,不過我想提一點,雖然 James 曾經做過過氣別學的影片中有點到, 但我覺得後端程式 PHP 跟框架 Laravel,在台灣還是有很多後端職缺,還是可以供很多不同程度想入門的朋友參考。
@leonardlau4951
@leonardlau4951 Год назад
哇 这是我最需要的!感谢!!!
@dasing2
@dasing2 Год назад
已訂閱! 希望能多講一些基礎和觀念的東西, 例如: 框架 還有一些更新的趨勢, 例如: kotlin可取代Java和Scala?
@user-zr4pb9bq7q
@user-zr4pb9bq7q Год назад
讚喔記得以前就有追蹤現在粉絲人數變好多了!
@rebeccachang4732
@rebeccachang4732 Год назад
很清楚!推
@terryjames4552
@terryjames4552 Год назад
謝謝分享 幫助很大
@boylovesgirl9999
@boylovesgirl9999 Год назад
學到了 感恩!!!!!!! 實用
@今天比昨天厲害
@今天比昨天厲害 Год назад
看完開頭就知道是好影片! 以訂閱 感謝分享 共勉之!
@user-li6se5tv3q
@user-li6se5tv3q Год назад
講解得很清楚!但是你放補充說明時的字卡(像是twitter那邊說腳本很久以前寫....)時說不定可以加一些音效,不然很容易會沒注意到上面寫啥
@createsomes
@createsomes 8 месяцев назад
Great job. Very useful for a tech new fish.
@LWH2011
@LWH2011 5 месяцев назад
感謝分享 獲益良多
@Beabetterone
@Beabetterone Год назад
謝謝 James
@ryankofish
@ryankofish Год назад
感謝分享 !!!!!
@user-ds6ut6nd2e
@user-ds6ut6nd2e Год назад
講的好清楚 比起直接先啃一本幾百頁的書好多了 真的先了解工具能做到什麼事做到什麼程度 才有概念能做什麼達成什麼
@celp329
@celp329 Год назад
Muy bueno, me clareaste muchas dudas! recomendadisimo!
@user-pg4kr3ex4s
@user-pg4kr3ex4s 8 месяцев назад
說的很好欸
@xxxlin1642
@xxxlin1642 Год назад
Feedback: Presentation的內容很棒很有工程師的精要實際的風格、我喜歡🎉 個人覺得少數穿插在裡面的slides的秒數考慮到受眾吸收速度或許可以再微調? 你整體是很有型的、個人覺得挺上鏡耶。表情措辭語氣可以再加點傳播學院風格進去應該更帥!
@carolding8465
@carolding8465 Год назад
感謝演算法推薦😭
@cyg6535
@cyg6535 Год назад
希望可以多多拍系列的影片🎉
@user-dm4sn3vp6n
@user-dm4sn3vp6n 3 месяца назад
有料!!
@kalanchen
@kalanchen Год назад
James , 可不可以做一集, 什麼是"框架" , 以及 用"框架"與不用"框架" 差在那? 因為我們搞不清楚, 謝謝
@user-is9rj4uq9p
@user-is9rj4uq9p Год назад
謝謝你!
@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!
@QQ-wv1gr
@QQ-wv1gr 4 месяца назад
点赞。初学者太喜欢了
@ching-tangwang682
@ching-tangwang682 Год назад
讚!之後可以做一集部署網頁會用到的技能嗎?
@eugenechen3538
@eugenechen3538 7 месяцев назад
超有用
@conneryspring
@conneryspring Год назад
前段是给client机的 后端是server处理的 数据池存储数据的 每个SQL语句都具有增删改查的功能来提供各种业务需求
@user-qs8lp6wt8p
@user-qs8lp6wt8p Год назад
影片内容很不错,建议图片停留时间可以加长1-2秒
@llyy7386
@llyy7386 Год назад
这个写的很好 建议可以加上日文和英文字幕,好让更多人看到
@slimenull
@slimenull Год назад
記得我最開始是從 C# 學起的, 不過剛開始我什麽也不懂, 覺得桌面程式比較有意思 (其實就是因爲平常大多數接觸的程式都是桌面程式啦), 後來的話, 慢慢發現, 原來控制臺程式更舒服 (畢竟我這種不懂設計的人, 實在是很難弄出好看的), 再往後就是學了 Socket, 然後學了 Http, 然後通過 API 寫了一個簡單的翻譯程式. 然後也是不斷的瞭解其他東西, 像是 back-end 啦, database 什麽的. 嘿嘿, 最開始完全沒有亂呢, 因爲什麽也不懂就隨便挑了一個 (笑
@xiang1888
@xiang1888 8 месяцев назад
現在通常都要求要全端了解,所以以全端來說,個人是覺得html這部分要先了解後,之後實作後端才能知道甚麼請求對應那些資料庫的資料,當然之後視工作需要去專注前端或後端就好。
@user-yk5qd5fp8w
@user-yk5qd5fp8w 8 месяцев назад
感謝 身為設計系的學生,最近SD甚至開放讓大家web算圖,仔細查發現ai生成3d的也不在少數,今後勢必要成為技術美術,才配得起新工具的快速高效能。 在想了解這塊程式語言上是不知道從何入手的事,就算我曾經在必修課上學過一點點的c#。
@kkk2323111
@kkk2323111 6 месяцев назад
可惜 AI 跟 C# 關係甚遠啊, 現今 AI 技術還是需要C++或Python, 這點點的 C# 作用不太夠用 但是要設計系的人學習 C++ 又太難了, 而 python 則是完全違背所有CS理論惹人討厭的麻煩東西...
@XPRAMT
@XPRAMT 5 месяцев назад
sd本體和插件幾乎都是用py寫的
@davidlin2185
@davidlin2185 Год назад
講得很棒,不過建議音量可以大一點,不然耳朵不好的觀眾會聽得很辛苦,肢體語言也可以多一點,加油~
@kevinyang4539
@kevinyang4539 9 месяцев назад
讚!!!
@behindthebackcrossover2464
@behindthebackcrossover2464 Год назад
已訂閱
@jizhou749
@jizhou749 Год назад
醍醐灌顶呀,明白了。我正在闹笑话,PYTHON 和SWIFT一起学了。😺
@user-ht9en5hr7g
@user-ht9en5hr7g Год назад
謝謝
@yongqili-eq4fh
@yongqili-eq4fh 2 месяца назад
Help me a better understanding ,thanks a lot.
@user-rc9rk4it5m
@user-rc9rk4it5m 10 месяцев назад
token我在使用Netflix也有在地址欄見過。
@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-lr2cc3jo5i
@user-lr2cc3jo5i 9 месяцев назад
讚讚
@user-lz3tv4wz4d
@user-lz3tv4wz4d 9 месяцев назад
我想詢問您Arduino在訊號蒐集跟控制,並跟Matlab或scratch 連結的部分,要被歸類成什麼?
@justinwuu
@justinwuu Месяц назад
收藏,等我睡不着的时候看
@salarygoal4932
@salarygoal4932 Год назад
有沒有考慮做podcasts 早上整理配着聽好讚
@james-kool
@james-kool Год назад
Pocast 應該會想找個朋友一起錄XD
@KittyFace999
@KittyFace999 Год назад
好!好!好!
@RogerShih-wm9pr
@RogerShih-wm9pr Год назад
老傳統設計師的建議是從C/C++開始學,90年代開始網際網路興起,很多非本科學生開始學寫程式,學習門檻一路降低,很多人連計算機概論都沒學過,都是從最熱門、最高階的開發工具、語言開始學,沒法循序漸進。 真要打基礎,我是覺得組合語言更深入,但太艱澀了,而且跟CPU太相關,x86、ARM、RISC-V,都得個別學習,平衡點的選擇不多,公認就是C/C++了。
@151214662
@151214662 Год назад
看目的吧。假如要學底層,韌體硬體都可以摸。但若目標是開發應用程式,反而越是貼近用戶端的,基本不太吃到韌硬體知識,反而是著重開發流程、體驗,協作方面的設計模式那類的技能更為重要。就好比後端開發,如果不是需要自幹資料庫引擎,基本也不用從 C/C++ 自幹。但我同意“計算機概論”、“電腦科學” 和其工具底層原理的知識有是更好的。
@edwinskwok
@edwinskwok Год назад
@@151214662 very good advice from insider
@xeruslf2634
@xeruslf2634 Год назад
組語連電資學院本科生 都死一狗票.....
@r1_anon
@r1_anon Год назад
@@151214662 个人感觉,学习C/C++的时候积累的知识是基础的。例如关于计算机运行原理、编译过程、算法和数据结构、内存管理等等这些知识是对任何应用都有用的,能帮助更快速和深入的学习任何新技术
@151214662
@151214662 Год назад
@@r1_anon 對於“程式”開發來說確實如此,但我認為原理、演算法、資料結構等並不一定只能從 C/C++ 來涉略,它可以是一個選項。而技能應該可以分開來看,假若專攻演算法、資料結構,即便 python 也可以達到實作目的(可在不要求效能前提下。且不是每個人願意花太多時間做“撰寫”這件事。主要為求驗證和結果),反而數學是硬底。另外我認為程式語言,儘管有熟悉了底層,但因為各語言的用途和特性不同,還是會有撰寫時思維上的相異處。就假設像是原本在寫組合語言的 RD,請他突然要寫網站前端,這時候內存管理..等的知識就相對不重要,更為重要的是切版和互動功能,以及框架之下的組件化概念及經驗。 我會說 C/C++ 的經驗,帶給我們未來若有操作到系統層面的(行為或其他語言),那可能會有幫助。但如果是套用到每個語言或滿足其他目的,那個學習的轉換成本(其他方面的經驗),我會持保留想法。
@Silarce
@Silarce Год назад
感謝您的解說 請問一下,非web前端是否也會使用html與css呢?
@liangma9601
@liangma9601 Год назад
一般简单的APP只是一个浏览器的壳,前端跟手机web共用。如果要做一个纯native开发的APP当然可以不用HTML和css
@user-lz3tv4wz4d
@user-lz3tv4wz4d 9 месяцев назад
想知道演算送法推薦在當中的角色跟設定怎麼執行?
@archerlee8091
@archerlee8091 Год назад
Thanks
@eagleharmony8216
@eagleharmony8216 7 месяцев назад
前後端伺服器交互是我覺得學程式中最難的部分 我很糾結到底該不該學習某些框架,這些框架很方便,但隨著框架的逐漸進步我感覺我開始陷入路徑依賴了
@BCBTC2012
@BCBTC2012 Год назад
果断订阅!谢谢你的视频!
@jhang0204
@jhang0204 Год назад
過來人的自學經驗是由前端學到後端,由上層學到底層
@yunqian3939
@yunqian3939 Год назад
想請問這邊提到的API Server跟Apigee是一樣的東西嗎
@endermanbugzjfc
@endermanbugzjfc Год назад
7:23 請問 James : WebAssembly 算前端嗎? 我看很多語言都有 WebAssembly 的 Transpiler (原始碼到原始碼編譯器)。
@slimenull
@slimenull Год назад
感覺不完全算, 畢竟 WASM 的話, 主要是寫邏輯, 至於畫面, 還是要用 HTML, CSS 什麽來寫的, 況且 WASM 也沒辦法完全替代 JS, 他還是需要 JS 來加載並調用的
@ehergize
@ehergize 8 месяцев назад
我是想開始學習python 因為想之後對分析數據用到,我是不是也要學習SQL和後端?好像更複雜了,是希望工作上更快速準確處理excel不及的地方
@SmlWhite
@SmlWhite Год назад
可以先學JS,教程多,可以寫前後端,也就是學一個語言就可以做全端了,全端熟練後,找工作比較容易。
@04pythonopencvai58
@04pythonopencvai58 Год назад
如果像微信小程序這種,是如寫網頁般,用js來寫嗎?
@tzuchunlin9226
@tzuchunlin9226 9 месяцев назад
給讚+訂閱
@user-mv6bn7vb2s
@user-mv6bn7vb2s Год назад
Golang比較容易理解,開發後端也很快速。
@Ray7776
@Ray7776 9 месяцев назад
夢想是出一個叫做盛主播的角色😂
@singo1232001
@singo1232001 3 месяца назад
認真 硬要講 先學SQL 前端晚點碰 並不是SQL比較高深甚麼的 (現在也有GPT無腦解題) 而是打開世界富豪排行榜 這過去20年間,前10名永遠有2家以上的SQL公司霸榜 M開頭跟O開頭的A跟G開頭的也在
@lisadiaz3647
@lisadiaz3647 8 месяцев назад
thanks
@music4m347
@music4m347 2 месяца назад
5:33 token是如何運作的 求影片連結~ 剛剛翻了一下沒翻到
@cvkno3342
@cvkno3342 Год назад
想說佳駿怎麼說話速度變正常了 原來是我開兩倍速
@zampie8727
@zampie8727 5 месяцев назад
可能先學習寫遊戲的script 這樣能夠邊玩邊學 了解client跟server端的差別
Далее
Don't learn these dying technologies
11:34
Просмотров 175 тыс.
Я нашел кто меня пранкует!
00:51
Просмотров 577 тыс.
Programming is hard. How should you start?
13:04
Просмотров 135 тыс.
Electronic Circuit in 11 Minutes
11:17
Просмотров 1,8 млн