Udemy

Build a Travel Blog App with React and Chakra UI MERN [2023]

立即報名
  • 145 名學生
  • 更新於 2/2023
4.5
(23 個評分)
CTgoodjobs 嚴選優質課程,為職場人士提升競爭力。透過本站連結購買Udemy課程,本站將獲得推廣佣金,有助未來提供更多實用進修課程資訊給讀者。

課程資料

報名日期
全年招生
課程級別
學習模式
修業期
9 小時 47 分鐘
教學語言
英語
授課導師
Ben Fisher
評分
4.5
(23 個評分)
2次瀏覽

課程簡介

Build a Travel Blog App with React and Chakra UI MERN [2023]

Build and deploy a travel blog web app from scratch with React, Redux, Express, NodeJs, MongoDB [MERN Stack + Chakra UI]

Hello and welcome to my course. This is a beginner’s course for building modern web applications. This is the right course for you if you are:

- Interested in web development

- Studying IT

- Interested in programming in general

- Upskilling your existing knowledge of React

- Interested how full-stack applications are build

- Solid understanding of programming and want to start with React/JavaScript

- Interested in Chakra UI.

- You are new to the world of IT and you want to start somewhere

What will you learn?

- React and React hooks

- Functional components

- State management with ReduxJs Toolkit

- Using a component library such as Chakra UI

- Styling and designing webpages

- Responsive design

- User registration and authentication (login)

- Writing an API and storing data to a database.

- Using MongoDB

- Using NodeJS

- Using Express

- Version control using Git with Github

- And many more…

This course is very practical, about 90%+ of the lessons will involve you coding along with me on this project. If you are the type of person who gets the most out of learning by doing, then this course is definitely for you.

On this course we will build an travel blog web application called TravelBay, completely from scratch using the most popular JavaScript library called React in combination with Redux, Chakra UI, NodeJs, Express, MongoDB and many more. All you will need to get started is a computer with your favourite operating system, and a passion for learning how to build an application.

課程章節

  • 10 個章節
  • 107 堂課
  • 第 1 章 Environment Setup
  • 第 2 章 Project Setup
  • 第 3 章 Chakra, Routing & Navbar Setup
  • 第 4 章 Setting Up Our Backend, Redux, & Blog Screen
  • 第 5 章 Pagination
  • 第 6 章 Single Blog Screen
  • 第 7 章 Contact Screen
  • 第 8 章 Login, Admin Console, & Creating A New Blog Post
  • 第 9 章 Edit Blog Post
  • 第 10 章 Home Screen & Last Refinements

課程內容

  • Programming in JavaScript using React JS
  • Modern Redux with React JS
  • Creating a travel blog web application for an audience
  • React hooks
  • Password hashing
  • Redux Js Toolkit
  • Website administration
  • Storing images
  • Learn building applications with Chakra UI as a component library
  • Formik & Yup for easy form validation
  • React Routing
  • User Login
  • MongoDB setup
  • Object Data Mapping
  • REST API's

評價

  • M
    Michael Gross
    5.0

    Good Instructor!

  • B
    Brian Leithead
    3.0

    Overall I think this is a good tutorial. My only true complaint is the instructor seems to have either stopped teaching on Udemy or simple does not have the time to respond to questions anymore.

  • Y
    Yeiner lopez
    5.0

    It would be great if you can add a comment section for each post. I learned a lot, thanks

  • K
    Kshenuka Ishan
    4.5

    Overall content seems to be important to know!

立即關注瀏覽更多

本網站使用Cookies來改善您的瀏覽體驗,請確定您同意及接受我們的私隱政策使用條款才繼續瀏覽。

我已閱讀及同意