Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
(Ken Cen出品)Generative AI第五部(前端) - Generative UI 生成式UI
Rating: 4.4 out of 5(6 ratings)
176 students

(Ken Cen出品)Generative AI第五部(前端) - Generative UI 生成式UI

使用AI SDK,NextJS,Langchain.js編寫前端連結後端LangGraph
Created byKen Cen
Last updated 10/2025
Chinese (Traditional)
Chinese (Traditional) [Auto],

What you'll learn

  • 如何配置NextJS編寫環境
  • 了解NextJS的程序結構
  • 如何創建NextJS程序
  • 如何使用NextJS建立路由

Course content

5 sections24 lectures9h 56m total length
  • 加入Udemy 全球最大的中文 AI 課程2:16
  • 如何配置環境及創建第一個Next.JS項目21:28

    學員將學會如何配置環境及創建第一個Next.JS項目

Requirements

  • 一台電腦
  • 需要一定JS基礎
  • 學習過Generative AI第一到第四部內容

Description

發現下一代UI開發的無限可能——加入我們的Generative UI生成式UI課程!

在這個充滿挑戰和機遇的時代,AI與UI的結合不僅僅是一種趨勢,更是未來開發的重要方向。你是否準備好迎接這一變革,成為下一代技術專家的其中一員?

我們將深入探討如何將AI與UI無縫結合,創建出能夠根據不同用戶需求自動生成的用戶界面。

在前一部課程中,我們已經介紹了如何使用lang serve和langGraph製作Fast API endpoint和後端部分。這一次,我們將帶你進一步,專注於前端的開發。我們將使用Next.js、TypeScript、shadcn-ui、langchain.js和AI SDK來構建這些前端部分,展示如何接收和處理後端傳遞過來的數據,並在網頁中生成動態的用戶界面。

這門課程涵蓋:

  1. Streaming和Next.js的數據處理:學習如何在伺服器和客戶端之間進行高效的數據處理。

  2. Langchain.js的使用:深入了解如何在JavaScript中應用人工智能技術,連結LLM大語言模型與langGraph的各個節點。

  3. Shadcn-ui的UI生成:探索如何利用shadcn-ui來生成動態且適應性強的用戶界面。

  4. AI與UI的協同工作:詳細講解各個技術如何協同工作,創建出智能且高效的用戶界面。

這門課程適合那些希望掌握最新AI技術並應用於實際UI開發中的開發者,不論你是初學者還是有經驗的開發者,都能從中獲得實用的知識和技能。

不要錯過這個機會,讓我們一起探索AI與UI的無限可能,創造出令人驚嘆的用戶體驗!

立即報名,成為下一代UI開發的領軍人物!

Who this course is for:

  • 開發人員和技術愛好者
  • 希望了解Next JS的學生
  • 希望用NextJS編寫代碼的學生