Master CSS3 and ReactJs by Developing 3 Projects

  • CategoryOther
  • TypeTutorials
  • LanguageEnglish
  • Total size3.3 GB
  • Uploaded Bytutsnode
  • Downloads119
  • Last checkedFeb. 15th '22
  • Date uploadedFeb. 12th '22
  • Seeders 29
  • Leechers7

Infohash : D4728BABB442617069A41227EAC30E1B22D1AF85


Description

In this course, you will learn all the concepts of CSS3 and ReactJs that will not only help you build real-world projects but also enable you to start thinking about how to design and develop a frontend that will be responsive and production-grade.

You will be learning all the basics of developing components in React and moving on to learning complex topics like static and dynamic routing.

We will be building 3 projects:

Project One – Responsive Portfolio Website

Project Layout Setup
Working on the Menu Outline
Styling the Menu section Part – 1
Styling the Menu section Part – 2
Styling the Menu section Part – 3
Styling the Body section Part – 1
Styling the Body section Part – 2
Making the website responsive

Project Two – Stylish Our Services Section

Setting up the skeleton
Working on the markup and layout
Working on styling and responsiveness

Project Three – Property Listing Marketplace website

Github-Repo-Local-Setup
Create-react-app
Code-Cleanup
Adding-Google fonts
React-How-it-works-VSC-Extension
Creating-TopBar-Component
Understanding-JSX
Styling-TopBar-Part-1
Styling-TopBar-Part-2
Adding-Fontawesome-Styling-TopBar-Part-3
Styling-TopBar-Part-4
Styling-TopBar-Part-5
Styling-TopBar-Part-6
Styling-Hero-Section-Part-1
Styling-Hero-Section-Part-2
Styling-Hero-Section-Part-3
Styling-Hero-Section-Part-4
Styling-Sidebar-Section-Part-1
Styling-Sidebar-Section-Part-2
Styling-Sidebar-Section-Part-3
Styling-Sidebar-Section-Part-4
Styling-Sidebar-Section-Part-5
Styling-Sidebar-Section-Part-6
Styling-Sidebar-Section-Part-7
Working on Listing Item component
Using CSS variables
Working on Listing Overview screen
Styling Listing Item category and time section
Styling Listing Item description section
Working on layout of Listing Detail component
Adding sidebar on Listing Detail page
Styling the Listing Detail page
Working on Listing Detail page meta data section
Styling the image section of Listing Detail page
Styling Title and Action section of Listing Page
Styling the Author and Post time section of Listing Detail page
Styling the Description section of Listing Detail page
Styling the first letter of Description on Listing Detail page
Setting up Layout for Create Listing page
Working on Create Listing page
Working on upload Icon on Create Listing page
Styling the Create Listing page
Installing React Router Dom library for routing between components
Adding Navigation and Routing for menu items
Dynamic navigation for showing property detail

You will also get the complete source code of all three projects that will help you take a reference whenever you want.
Who this course is for:

Anyone who wants to become a Professional Frontend UI developer

Requirements

Computer with Internet Access

Last Updated 1/2022

Files:

Master CSS3 and ReactJs by Developing 3 Projects [TutsNode.com] - Master CSS3 and ReactJs by Developing 3 Projects 03 - Project 2 - Our Services
  • 003 Working on styling and responsiveness.mp4 (261.4 MB)
  • 003 Working on styling and responsiveness_en.srt (23.5 KB)
  • 002 Working on the markup and layout_en.srt (6.1 KB)
  • 001 Setting up the skeleton_en.srt (3.2 KB)
  • 002 Working on the markup and layout.mp4 (67.2 MB)
  • 001 Setting up the skeleton.mp4 (25.3 MB)
02 - Project 1 - Responsive Website
  • 003 Styling the Menu section Part - 1_en.srt (11.6 KB)
  • 006 Styling the Body section Part - 1_en.srt (11.3 KB)
  • 004 Styling the Menu section Part - 2_en.srt (7.5 KB)
  • 005 Styling the Menu section Part - 3_en.srt (4.6 KB)
  • 008 Making the page responsive_en.srt (4.3 KB)
  • 002 Working on the Menu Outline_en.srt (4.1 KB)
  • 001 Project Layout Setup_en.srt (3.4 KB)
  • 007 Styling the Body section Part - 2_en.srt (3.2 KB)
  • 006 Styling the Body section Part - 1.mp4 (111.6 MB)
  • 003 Styling the Menu section Part - 1.mp4 (88.6 MB)
  • 004 Styling the Menu section Part - 2.mp4 (79.7 MB)
  • 005 Styling the Menu section Part - 3.mp4 (46.7 MB)
  • 008 Making the page responsive.mp4 (46.4 MB)
  • 002 Working on the Menu Outline.mp4 (44.8 MB)
  • 007 Styling the Body section Part - 2.mp4 (33.5 MB)
  • 001 Project Layout Setup.mp4 (19.2 MB)
04 - Project 3 - ReactJS Listing Marketplace Application
  • 016 Styling-Hero-Section-Part-3_en.srt (10.6 KB)
  • 044 Adding Navigation and Routing for menu items_en.srt (10.3 KB)
  • 012 Styling-TopBar-Part-5_en.srt (7.9 KB)
  • 040 Workig on Create Listing page_en.srt (7.8 KB)
  • 020 Styling-Sidebar-Section-Part-3_en.srt (7.2 KB)
  • 028 Styling Listing Item category and time section_en.srt (7.2 KB)
  • 025 Working on Listing Item component_en.srt (6.5 KB)
  • 021 Styling-Sidebar-Section-Part-4_en.srt (6.4 KB)
  • 029 Styling Listing Item description section_en.srt (6.2 KB)
  • 009 Styling-TopBar-Part-2_en.srt (6.0 KB)
  • 026 Using CSS variables_en.srt (5.6 KB)
  • 027 Working on Listing Overview screen_en.srt (5.5 KB)
  • 013 Styling-TopBar-Part-6_en.srt (5.2 KB)
  • 008 Styling-TopBar-Part-1_en.srt (5.2 KB)
  • 035 Styling Title and Action section of Listing Page_en.srt (5.1 KB)
  • 041 Working on upload Icon on Create Listing page_en.srt (4.9 KB)
  • 045 Dynamic navigation for showing property detail_en.srt (4.9 KB)
  • 011 Styling-TopBar-Part-4_en.srt (4.7 KB)
  • 007 Understanding-JSX_en.srt (4.6 KB)
  • 001 Github-Repo-Local-Setup_en.srt (2.4 KB)
  • 032 Styling the Listing Detail page_en.srt (4.5 KB)
  • 002 Create-react-app_en.srt (1.5 KB)
  • 005 React-How-it-works-VSC-Extension_en.srt (4.4 KB)
  • 003 Code-Cleanup_en.srt (2.1 KB)
  • 023 Styling-Sidebar-Section-Part-6_en.srt (4.3 KB)
  • 004 Adding-Googlefonts_en.srt (2.6 KB)
  • 042 Styling the Create Listing page_en.srt (4.1 KB)
  • 006 Creating-TopBar-Component_en.srt (2.7 KB)
  • 030 Working on layout of Listing Detail component_en.srt (4.0 KB)
  • 018 Styling-Sidebar-Section-Part-1_en.srt (3.6 KB)
  • 033 Working on Listing Detail page meta data section_en.srt (3.6 KB)
  • 019 Styling-Sidebar-Section-Part-2_en.srt (3.5 KB)
  • 022 Styling-Sidebar-Section-Part-5_en.srt (3.3 KB)
  • 010 Adding-Fontawesome-Styling-TopBar-Part-3_en.srt (2.9 KB)
  • 034 Styling the image section of Listing Detail page_en.srt (3.1 KB)
  • 036 Styling the Author and Post time section of Listing Detail page_en.srt (3.1 KB)
  • 031 Adding sidebar on Listing Detail page_en.srt (3.1 KB)
  • 043 Installing React Router Dom library for routing between components_en.srt (2.9 KB)
  • 039 Setting up Layout for Create Listing page_en.srt (2.9 KB)
  • 014 Styling-Hero-Section-Part-1_en.srt (2.2 KB)
  • 017 Styling-Hero-Section-Part-4_en.srt (2.8 KB)
  • 015 Styling-Hero-Section-Part-2_en.srt (2.4 KB)
  • 024 Styling-Sidebar-Section-Part-7_en.srt (2.2 KB)
  • 038 Styling the first letter of Description on Listing Detail page_en.srt (1.8 KB)
  • 037 Styling the Description section of Listing Detail page_en.srt (1.7 KB)
  • 016 Styling-Hero-Section-Part-3.mp4 (145.5 MB)
  • 020 Styling-Sidebar-Section-Part-3.mp4 (116.5 MB)
  • 028 Styling Listing Item category and time section.mp4 (115.9 MB)
  • 044 Adding Navigation and Routing for menu items.mp4 (109.8 MB)
  • 025 Working on Listing Item component.mp4 (99.5 MB)
  • 029 Styling Listing Item description section.mp4 (99.2 MB)
  • 035 Styling Title and Action section of Listing Page.mp4 (96.2 MB)
  • 021 Styling-Sidebar-Section-Part-4.mp4 (90.6 MB)
  • 040 Workig on Create Listing page.mp4 (83.7 MB)
  • 027 Working on Listing Overview screen.mp4 (77.9 MB)
  • 012 Styling-TopBar-Part-5.mp4 (73.1 MB)
  • 026 Using CSS variables.mp4 (67.1 MB)
  • 011 Styling-TopBar-Part-4.mp4 (67.1 MB)
  • 032 Styling the Listing Detail page.mp4 (61.0 MB)
  • 033 Working on Listing Detail page meta data section.mp4 (57.9 MB)
  • 041 Working on upload Icon on Create Listing page.mp4 (57.2 MB)
  • 013 Styling-TopBar-Part-6.mp4 (56.5 MB)
  • 045 Dynamic navigation for showing property detail.mp4 (53.0 MB)
  • 023 Styling-Sidebar-Section-Part-6.mp4 (52.5 MB)
  • 034 Styling the image section of Listing Detail page.mp4 (50.9 MB)
  • 008 Styling-TopBar-Part-1.mp4 (50.6 MB)
  • 009 Styling-TopBar-Part-2.mp4 (50.0 MB)
  • 022 Styling-Sidebar-Section-Part-5.mp4 (46.9 MB)
  • 017 Styling-Hero-Section-Part-4.mp4 (45.4 MB)
  • 030 Working on layout of Listing Detail component.mp4 (42.6 MB)
  • 036 Styling the Author and Post time section of Listing Detail page.mp4 (42.5 MB)
  • 037 Styling the Description section of Listing Detail page.mp4 (41.4 MB)
  • 004 Adding-Googlefonts.mp4 (40.5 MB)
  • 018 Styling-Sidebar-Section-Part-1.mp4 (39.6 MB)
  • 005 React-How-it-works-VSC-Extension.mp4 (36.5 MB)
  • 038 Styling the first letter of Description on Listing Detail page.mp4 (33.3 MB)
  • 019 Styling-Sidebar-Section-Part-2.mp4 (32.7 MB)
  • 010 Adding-Fontawesome-Styling-TopBar-Part-3.mp4 (3

Code:

  • udp://open.stealth.si:80/announce
  • udp://tracker.tiny-vps.com:6969/announce
  • udp://fasttracker.foreverpirates.co:6969/announce
  • udp://tracker.opentrackr.org:1337/announce
  • udp://explodie.org:6969/announce
  • udp://tracker.cyberia.is:6969/announce
  • udp://ipv4.tracker.harry.lu:80/announce
  • udp://tracker.uw0.xyz:6969/announce
  • udp://opentracker.i2p.rocks:6969/announce
  • udp://tracker.birkenwald.de:6969/announce
  • udp://tracker.torrent.eu.org:451/announce
  • udp://tracker.moeking.me:6969/announce
  • udp://tracker.dler.org:6969/announce
  • udp://9.rarbg.me:2970/announce