Papa React – Zero to Full Stack Hero 2021-6

توضیحات

Zero to Full Stack Hero، یک دوره آموزش فول استک توسعه وب میباشد. برای استفاده از این دوره شما به هیچ تجربه برنامه نویسی نیاز ندارید، از مباحث پایه ای توسعه وب شروع خواهیم کرد و به استادی در ری اکت خواهیم رسید. در این راه به شما فناوری های موجود روز همچون Redux, Firebase, Typescript, Next.js, mongoDB نیز آموزش داده میشود.

مدرس این دوره بیش از ده سال تجربه کد نویسی دارد و به عنوان یک توسعه دهنده فول استک، در استارت آپ ها و شرکت های بزرگ کار کرده است و تجربه زیادی کسب کرده است. وی علاقه زیادی به آموزش مهارت هایش به دیگران داشته و به همین دلیل تاکنون به آموزش به افراد زیادی پرداخته است تا جایی که در یوتیوب میلیون ها بازدید داشته است.

آنچه در دوره Papa React – Zero to Full Stack Hero یاد خواهید گرفت:

• توسعه Full Stack: پوشش تمام اجزا توسعه وب شامل فناوری های Frontend و Backend و هر آنچه ما بین آنها است.
• آموزش توسعه از سطح مقدماتی تا پیشرفته
• اصول مبانی REACT
• تمام نیازمندی های توسعه وب شامل زبان های HTML, CSS, Javascript
• کسب مهارت در CSS با آموزش Flexbox, CSS Grid, Bootstrap, Material-UI برای بهبود ظاهر سایتتان
• آموزش کامل ری‌اکت
• آموزش REDUX
• چگونگی رندر گیری سمت سرور
• آموزش به کار گیری FIREBASE
• آمورش برنامه نویسی backend با آموزش NODE.JS و EXPRESS
• آموزش استفاده از TYPESCRIPT
• یادگیری کامل GRAPHQL

مشخصات دوره

ناشر: Papa React
مدرسین: sonny sangha
زبان: انگلیسی
سطح آموزش: مقدماتی تا پیشرفته

مدت آموزش: 101.5 ساعت

سرفصل های دوره Zero to Full Stack Hero:

Introduction to React
Component Based Design
Create React App
VS Code Extensions
JSX Introduction
BEM Naming Convention
Class Based vs Functional Based Components
Introduction to State
Introduction to Props
Styling Components
Creating Our First Input Form
Rules of Hooks
The useEffect Hook
Building Our First Custom Hook & How to use a useRef!
Introduction to Web Dev Essentials
Extensions you NEED to install right now!
HTML Introduction and Document Layout
Tags and Attributes
Adding Links and Images
Lists & Tables
An Introduction to Divs
Classes & ID’s
Span & Inline

Introduction to Storybook – Image Optimization in Next.js – Mobile First design with Tailwind CSS – Saga and Thunk Discussion
Getting Started with Tailwind CSS – Tailwind JIT – Dark Mode with Local Storage – Responsive Mobile First Design – Themes – Next.JS
Introduction to CSS and Using Dribble Design with Tailwind CSS by AVNEESH AGARWAL

JavaScript

JavaScript: Difference between const, var and let – Loops: while and for – Arrays: Push, Pop, Shift, Unshift – Connecting JS function to React component by Ben Elferink
JavaScript: Creating A Console Game (Thinking Outside The Box) by Ben Elferink
JavaScript: Having Fun With Math to Animate & Thinking Outside The Box by Ben Elferink
JavaScript: JavaScript Interview Questions – String Manipulations by Sanjay Tholani and Ben Elferink

Props & State – Class and Functional Components – Productivity Hacks – Book Recommendations – VS Code Extensions
React Hooks Fundamentals – React Hook Forms – CSS Modules – Datalist Dynamic Search – Investing Tips & Client Negotiation
Recoil Mastery – Atoms / Selectors – Recoil vs Redux – Open Q&A – Presentational Components – React Suspense – Async in Recoil – State Persistence
Built a Weather App – APIs – String Manipulation – useRef – Git – MomentJS – CSS Media Queries – ES6 Reduce – Glassmorphism
Google Sheets API + React – React-hook-form – Form Validation – useRef vs useState – Axios and API’s – Data Fetching

Learn With different Projects+ :

Intro to Framer Motion – JS Animations – Portfolio Ideas & Inspirations – Firebase Cloud Functions Discussion
Using Charts in React (ApexCharts) – react-firebase-hooks – Converting Class Based Components to Functional – Node & Express – Conditional Rendering
Creating a React app with Webpack and Babel by LUKA RESETAR
Tasty Recipes of React by SHRADDHA HINGE
2D Game named Breakout made in React: Implementing 3rd Party Library called Phaser – useState and useEffect hooks – Firebase Deploy by Richard Lawlor

Using State – Add & Edit State Items – Toggle Favourite (Boolean) and Render Filtered Lists – How To Use LocalStorage by Ben Elferink and Aldo Echeverria
Async functions (with a TRY/CATCH instead of a promise) – Fetching Data – Map an {Object} by Ben Elferink
Responsive Navbar – Router, Switch, React-router-dom – NavLink – useState – CSS Media Queries – Font Awesome Icons by Tommy Kelly
Video Bookmark App in React: useRef Hook – Spread Operator – Event Binding – Time Format by Asad Memon

Introduction to useRef Hook in React – Document Selector in VanillaJS vs useRef by Asad Memon
Building an E-Commerce Site with Redux – Basket Implementation – Actions & Selectors – Reduce Function – Routing in Next.js Vs React Router – Q&A
Redux Basic Concepts – Building a TODO App with Redux Implementation by PEDRO GONCALVES

React

Introduction to React Native & Expo – Testing Suggestions – React Native Lifecycle Focus & Blur – Advice for Interviews – Performance Optimizations
Building a REST API with Express and MongoDB – Testing API with POSTMAN – Deploying in Heroku – Controlling the API with a Web App – Fetching API to a Front-End Application by AADIL and SANJAY
Firebase Hosting 101 (Images & Videos) – Media Types – Progress Indicators – Q&A
Firebase Cloud Functions – Using Express on a Cloud Function – CORS – SQL vs NoSQL – Data Modelling – Recoil Overview

Drag and Drop it like it’s HOT! (dnd) – Typescript introduction – Portfolio 101
Typescript Introduction with Next.js – Building a Menu the right way with Headless UI – Tailwind CSS
Building a Translation App with Firebase Extensions – Next.JS – Internationalisation – SSR vs SSG – Netlify & Vercel Deployments
Handling Different Authentication methods in Next.js – NextAuth – Facebook & Google Sign In – Pros & Cons – Next.js Image Component & Webp Explanation – Lazy Loading
Stripe Session Checkout & Next.js backend – Nvm node version control – Productivity tips – react-hooks-form
Next.js SSR vs SSG In Practice – API’s – useRouter – How to Deploy a Next.js App to Vercel – Q&A Session

Intro to GraphQL – Apollo Client & Server Setup – Next.JS – SSR with GQL – Queries & Mutations [DIAMOND PREVIEW] Productivity & Life Hacks 101 – Time Management – Beginner to Entrepreneur Roadmap – Career Guide & Mentorship – Q&A
Databases 101 and Introduction to SQL by YAP QIANG
Freelancing 101 by PRIYANSHU SARAF
Learning Linear Data Structures in Node.js -On Learning, Tracking, Big O Notation, Code Runner Extension, Classes, LinkedList Node & Queue, and Stack by ROBERT PARSONS
In Depth into Git Command Line Interface – Diving in Linux Bash Commands by KEVIN BARTA

پیش نیاز دوره Zero to Full Stack Hero:

This course covers everything from the BASICS to the most ADVANCED topics. This is a FULL Stack tutorial meaning both Frontend and Backend technologies will be taught. Whether you have ZERO experience or 10+ years of experience, this course is for you!

تصاویر

فیلم معرفی دوره Zero to Full Stack Hero:

راهنمای نصب

پس از Extract، با Player دلخواه خود مشاهده کنید.

زیرنویس: ندارد

کیفیت: 1080p

لینک دانلود

دانلود بخش 1 – 5 گیگابایت

دانلود بخش 2 – 5 گیگابایت

دانلود بخش 3 – 5 گیگابایت

دانلود بخش 4 – 5 گیگابایت

دانلود بخش 5 – 5 گیگابایت

دانلود بخش 6 – 5 گیگابایت

دانلود بخش 7 – 5 گیگابایت

دانلود بخش 8 – 112 مگابایت

گذرواژه فایل(ها): www.downloadly.ir

حجم فایل

35.1 گیگابایت