愛分享論壇

 找回密碼
 立即注冊

QQ登錄

只需一步,快速開始

搜索
查看: 554|回復: 51
打印 上一主題 下一主題

React16.8+Next.js+Koa2開發Github全棧項目加qq:1490340403

[復制鏈接]
  • TA的每日心情

    2020-1-17 14:23
  • 簽到天數: 6 天

    [LV.2]偶爾看看I

    1

    主題

    11

    帖子

    75

    積分

    注冊會員

    Rank: 1

    積分
    75
    跳轉到指定樓層
    樓主
    發表于 2020-1-5 18:50:31 | 只看該作者 |只看大圖 回帖獎勵 |倒序瀏覽 |閱讀模式
    • React16.8+Next.js+Koa2開發Github全棧項目 qq:1490340403

    • 第1章 課程導學
      • 1-1 課程導學試看

    • 加對課程整體進行介紹,讓您切實感受到前端工程師學習的必要性。
    • 第2章 項目搭建

      講解 Nextjs 項目的搭建,其中會搭建自己的服務集成 Koa,集成 Antd 作為組件庫。本章中還講解了 Redis 在 Windows 和 Mac 系統上的安裝和啟動,講解了 Redis 的基礎使用,以及如何在 Nodejs 中連接 Redis 數據庫。

      • 2-1 關于項目所用的npm包版本號
      • 2-2 創建next.js的項目
      • 2-3 next作為koa中間件使用
      • 2-4 koa使用方式介紹
      • 2-5 redis的windows安裝
      • 2-6 redis的mac安裝
      • 2-7 redis基本使用
      • 2-8 nodejs連接redis數據庫
      • 2-9 nextjs集成antd

    • 第3章 Next.js基礎

      從目錄結構開始逐步解析 Nextjs 的使用方法,在這章里,你能學到 Nextjs 的路由技巧,服務端渲染數據獲取的方式,以及如何同步客戶端渲染和服務端渲染的方式。同時我們還會深入 Nextjs 講解如何自定義 App 和 Document 組件,以及集成第三方 css-in-js 的方法。...

      • 3-1 nextjs項目目錄結構
      • 3-2 頁面跳轉
      • 3-3 動態路由
      • 3-4 路由映射
      • 3-5 路由變化的鉤子
      • 3-6 nextjs數據獲取方式
      • 3-7 nextjs自定義App
      • 3-8 nextjs自定義Document
      • 3-9 nextjs樣式的定義
      • 3-10 nextjs集成styled-components
      • 3-11 nextjs中異步模塊和組件的加載
      • 3-12 nextjs中的配置項
      • 3-13 nextjs服務端渲染流程深度解析試看

    • 第4章 React新特性Hooks講解

      本章講解 React 的最新爆點功能:Hooks。我們會介紹什么是 Hooks,基礎 Hooks 的使用,包括 State Hooks,Effect Hooks、Context Hooks 和優化相關的 Hooks。然后我們會結合經典實例講解在 Hooks 的使用中會遇到的問題,以及我們如何解決他。

      • 4-1 什么是Hooks試看
      • 4-2 State-Hooks講解
      • 4-3 Effect-Hooks講解
      • 4-4 Context-Hooks講解
      • 4-5 Ref-Hook講解
      • 4-6 Hooks渲染優化
      • 4-7 閉包陷阱

    • 第5章 引入Redux

      我們會介紹 Redux 的使用。Redux 是現在非?;馃岬臄祿顟B管理工具,也是 Flux 數據流最好的實現,現在的 React 開發中非常常用。同時我們會著重介紹 Redux 如何集成到 Nextjs 當中,這其中需要考慮服務端渲染數據同步的問題,我們會在課程中深度介紹。...

      • 5-1 什么是Redux
      • 5-2 創建一個store
      • 5-3 redux中的reducer
      • 5-4 redux中的action
      • 5-5 react-redux連接react和redux
      • 5-6 redux-devtool的使用
      • 5-7 nextjs中的HOC
      • 5-8 nextjs集成redux(1)
      • 5-9 nextjs集成redux(2)

    • 第6章 OAuth 介紹和接入

      我們圍繞著 OAuth 第三方授權協議進行講解。我們會介紹什么是 OAuth、他存在的意義、他的安全性、以及接入 OAuth 的流程。然后配合 Github OAuth 進行實戰演練,在這個過程中我們還會實現 session 功能,并將 session 數據存入 Redis。

      • 6-1 認證和授權介紹
      • 6-2 OAuth概述
      • 6-3 code認證方式的流程
      • 6-4 注冊github-OAuth-App
      • 6-5 OAuth的字段講解以及流程演示
      • 6-6 OAuth-code認證方式如何保證安全
      • 6-7 cookie 和 session
      • 6-8 創建koa-seesion的redis存儲store(1)
      • 6-9 創建koa-seesion的redis存儲store(2)
      • 6-10 接入Github-OAuth(1)
      • 6-11 接入Github-OAuth(2)

    • 第7章 項目整體設計

      講解項目內容整體的設計,包括頁面整體布局,項目數據 API 代理,功能性組件的開發等。在項目正式開始頁面開發之前,做好基礎設施是提高開發效率的最好方法。

      • 7-1 項目整體需求介紹
      • 7-2 頁面整體布局Layout組件的開發
      • 7-3 cloneElement擴展組件可復用性的高級技巧
      • 7-4 服務端渲染同步用戶信息
      • 7-5 完善登錄功能
      • 7-6 用戶登出功能實現
      • 7-7 維持OAuth之前得頁面訪問
      • 7-8 增加全局頁面切換的Loading效果
      • 7-9 Github接口代理
      • 7-10 完善整體布局
      • 7-11 Github接口代理完善
      • 7-12 koa中處理post請求的數據

    • 第8章 首頁開發

      本章我們進行首頁開發,主要包括獲取用戶自己創建的倉庫,star 的倉庫列表,并進行 Tab 切換展示。在這個過程中我們會開發一個通用的倉庫展示組件,還會設計一個數據緩存方案,使用 LRU 方案進行 cache。

      • 8-1 聯調主頁數據
      • 8-2 展示用戶數據以及用戶登出時的頁面內容
      • 8-3 Repo組件展示基本組件內容的開發
      • 8-4 tab切換展示創建的倉庫和關注的倉庫
      • 8-5 使用緩存數據
      • 8-6 使用緩存更新策略

    • 第9章 搜索頁面開發

      本章我們進行搜索頁面的開發,搜索頁面會擁有很多的刪選條件,我們要把這些條件反應到 URL 上,并且保存搜索記錄,以帶來更好的用戶體驗。同時我們會對搜索進行分頁展示。

      • 9-1 搜索功能概述
      • 9-2 搜索接口聯調以及搜索條件展示
      • 9-3 搜索條件刪選功能實現
      • 9-4 搜索條件跳轉的優化-提取組件
      • 9-5 搜索結果的展示
      • 9-6 處理Github搜索結果限制

    • 第10章 倉庫詳情頁開發

      本章我們進行倉庫詳情頁的開發。不管是在個人頁面還是搜索頁面,點擊倉庫都可以進入倉庫詳情頁面,在這里我們可以查看倉庫的介紹信息,以及倉庫現存的 Issue 列表,我們還以點擊查看 Issue 詳情。

      • 10-1 倉庫詳情頁面功能概述
      • 10-2 倉庫布局開發
      • 10-3 提取布局成為一個HOC
      • 10-4 倉庫基礎信息緩存功能的實現
      • 10-5 獲取markdown內容并轉義
      • 10-6 使用markdown-it來轉換markdown
      • 10-7 打包分析
      • 10-8 issues頁面的開發
      • 10-9 創建用戶搜索組件
      • 10-10 完成issue搜索功能的開發
      • 10-11 完善issues頁面

    • 第11章 項目優化

      最后一章我們講解 Nextjs 項目的一些優化方式。包括如何將項目靜態化,如何在編譯的過程中優化配置,讓編譯之后的文件更符合上線要求等。

      • 11-1 nextjs靜態頁面導出功能
      • 11-2 項目部署
      • 11-3 總結



    本課程已完結

    QQ截圖20200105184655.png (236.63 KB, 下載次數: 2)

    React16.8+Next.js+Koa2開發Github全棧項目

    React16.8+Next.js+Koa2開發Github全棧項目
    分享到:  QQ好友和群QQ好友和群
    收藏收藏
    回復

    使用道具 舉報

  • TA的每日心情
    開心
    2019-1-10 19:48
  • 簽到天數: 1 天

    [LV.1]初來乍到

    0

    主題

    5

    帖子

    21

    積分

    注冊會員

    Rank: 1

    積分
    21
    沙發
    發表于 2020-1-8 19:38:24 | 只看該作者
    好帖,來頂下
    回復

    使用道具 舉報

  • TA的每日心情
    開心
    2019-1-22 15:54
  • 簽到天數: 1 天

    [LV.1]初來乍到

    0

    主題

    7

    帖子

    33

    積分

    注冊會員

    Rank: 1

    積分
    33
    板凳
    發表于 2020-1-8 20:38:39 | 只看該作者
    頂帖=回的人少,我來小頂一下
    回復

    使用道具 舉報

  • TA的每日心情
    慵懶
    2019-2-26 11:30
  • 簽到天數: 1 天

    [LV.1]初來乍到

    0

    主題

    6

    帖子

    9

    積分

    注冊會員

    Rank: 1

    積分
    9
    地板
    發表于 2020-1-8 21:50:58 | 只看該作者
    路過,支持一下啦
    回復

    使用道具 舉報

  • TA的每日心情
    奮斗
    2019-3-27 16:33
  • 簽到天數: 1 天

    [LV.1]初來乍到

    0

    主題

    5

    帖子

    19

    積分

    注冊會員

    Rank: 1

    積分
    19
    5#
    發表于 2020-1-8 22:53:03 | 只看該作者
    有競爭才有進步嘛
    回復

    使用道具 舉報

  • TA的每日心情
    開心
    2018-11-14 14:00
  • 簽到天數: 1 天

    [LV.1]初來乍到

    0

    主題

    9

    帖子

    15

    積分

    注冊會員

    Rank: 1

    積分
    15
    6#
    發表于 2020-1-9 09:32:23 | 只看該作者
    回帖=珍惜生命,果斷回帖。
    回復

    使用道具 舉報

    該用戶從未簽到

    0

    主題

    8

    帖子

    8

    積分

    注冊會員

    Rank: 1

    積分
    8
    7#
    發表于 2020-1-9 11:03:13 | 只看該作者
    寫的真的很不錯
    回復

    使用道具 舉報

  • TA的每日心情
    奮斗
    2019-3-8 08:40
  • 簽到天數: 1 天

    [LV.1]初來乍到

    1

    主題

    7

    帖子

    88

    積分

    注冊會員

    Rank: 1

    積分
    88
    8#
    發表于 2020-1-9 12:05:18 | 只看該作者
    不錯,支持下樓主
    回復

    使用道具 舉報

  • TA的每日心情
    開心
    2019-3-3 12:57
  • 簽到天數: 1 天

    [LV.1]初來乍到

    0

    主題

    3

    帖子

    14

    積分

    注冊會員

    Rank: 1

    積分
    14
    9#
    發表于 2020-1-9 13:07:27 | 只看該作者
    學習了,不錯,講的太有道理了
    回復

    使用道具 舉報

    該用戶從未簽到

    0

    主題

    3

    帖子

    5

    積分

    注冊會員

    Rank: 1

    積分
    5
    10#
    發表于 2020-1-9 14:18:17 | 只看該作者
    難得一見的好帖
    回復

    使用道具 舉報

    您需要登錄后才可以回帖 登錄 | 立即注冊

    本版積分規則

    QQ|小黑屋|關于我們|愛分享論壇

    GMT+8, 2020-4-8 01:47

    Powered by Discuz!

    © 2018-2019 Comsenz Inc.

    快速回復 返回頂部 返回列表
    搜集印度现金APP 北京十一选五遗漏 有赚网在家兼职 35选7开奖结果今 西甲积分榜 众乐棋牌 下载炒股软件 秒速飞艇玩法技巧 今日足彩比分推荐预测分析 澳洲幸运5技巧分析 3d杀码专家杀码最 我想在家做兼职 街机无限金币破解捕鱼 长春微乐麻将 兰州一条龙桑拿 15选5华东六省走势图