Udemy

Social Network App With React ,Redux ,Firebase ,Tailwind CSS

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

課程資料

報名日期
全年招生
課程級別
學習模式
修業期
6 小時 24 分鐘
教學語言
英語
授課導師
K.Sathya Prakash Reddy
評分
4.7
(14 個評分)
5次瀏覽

課程簡介

Social Network App With React ,Redux ,Firebase ,Tailwind CSS

Build a Social Networking app with React , Redux , Firebase and Tailwind CSS

Hi Guys ,

In this course we will build a simple social network application with React , Redux , Firebase , Tailwind CSS

React - For Front End

Redux - For State management

Tailwind CSS - For Styling and Reusable Components

Firebase - For Authentication / Storage / Database


Basically a social network is a place / platform where different people in the world connect together for different purposes like chatting , sharing information , posting their daily activities , promotions etc. So we will also build a similar kind of application.

---------------------------------------------------------------------

The topics / concepts covered in this course are 

  • One of the best thing about this course/project is , We Will Not Use Any External Libraries for Components.

  • Our complete components like forms , buttons , layouts , modals will be built using one and only Tailwind CSS.

  • So you will build a complete application from scratch.

  • Tailwind CSS concepts like flex , grid , positions , responsiveness , colours , sizes etc

  • User Authentication with Gmail , Google

  • Uploading posts

  • Post Interactions and analytics

  • Public layouts and Protected Layouts

  • State Management with Redux

  • Likes

  • Comments

  • Shares

  • Infinite scroll

  • Uploading images to Firebase storage

  • Deployment to Heroku


React

React is a free and open-source front-end JavaScript library for building user interfaces based on UI components. It is maintained by Meta and a community of individual developers and companies

Redux

Redux is an open-source JavaScript library for managing and centralizing the application state. It is most commonly used with libraries such as React or Angular for building user interfaces. Similar to Facebook's Flux architecture, it was created by Dan Abramov and Andrew Clark

Tailwind CSS

Tailwind CSS is basically a utility-first CSS framework for rapidly building custom user interfaces. It is a highly customizable, low-level CSS framework that gives you all of the building blocks you need to build bespoke designs without any annoying opinionated styles you have to fight to override.

Firebase

Firebase is a platform developed by Google for creating mobile and web applications. It was originally an independent company founded in 2011. In 2014, Google acquired the platform and it is now their flagship offering for app development

課程章節

  • 10 個章節
  • 33 堂課
  • 第 1 章 Introduction
  • 第 2 章 Authentication UI
  • 第 3 章 Authentication Login
  • 第 4 章 Loaders and Messages
  • 第 5 章 Layout
  • 第 6 章 Add Post
  • 第 7 章 Home Page
  • 第 8 章 Post Description Page
  • 第 9 章 Like or Unlike Post
  • 第 10 章 Comments

課程內容

  • One of the best thing about this course/project is , We Will Not Use Any External Libraries for Components.
  • So you will learn how to build components like forms , buttons , layouts , modals from scratch
  • User Authentication with Gmail , Google
  • Post Interactions and analytics with Firestore snapchats
  • Tailwind CSS concepts like flex , grid , positions , responsiveness , colours , sizes etc
  • Deployment to Netlify
  • Complete source with 24/7 Q/A Support
  • Popular social networks functionalities like Comments , Shares , Likes with Real time response

評價

  • S
    Santhosh
    5.0

    simple, crystal clear explanation of confusing topics in React and redux

  • M
    MANCHALA NAVANEETH
    5.0

    Excellent course

  • K
    Komati Reddy Saiyanand Reddy
    5.0

    good

立即關注瀏覽更多

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

我已閱讀及同意