Published 2/2023MP4 | Video: h264, 1280x720 | Audio: AAC, 44.1 KHzLanguage: English | Size: 436.43 MB | Duration: 1h 0m

Build A Financial Website Real World App Responsive for Your Portfolio Using React js | Step By Step

What you'll learn

You will build a complete Financial and responsive react js project

How to pass data from one component to another component in react js

Build their own website like responsive Portfolio to showcase to the job interview or anywhere

Library React styled-components Install and how Use

Library React-Icons

You can learn real world and responsive website design from start to finish

React, Single Page Applications

Mobile Friendly Development (Mobile Responsiveness)

React Components

Learn how to make responsive website

Requirements

Basic of React JS

Students dont need to have any prior knowledge of react js for this course

Description

Bem-vindo a este React js Real Project.Neste curso, voce criara um aplicativo da Web de pagina unica responsivo completo do mundo real usando react js.Voce tambem usara as melhores praticas em desenvolvimento de software.Este projeto tem muitas funcionalidades e recursos.Eu tentei adicionar diferentes tipos de recursos de react js.SE eu construir este projeto e postar no GITHUBO site do portfolio pee que voce demonstre sua abordagem madura e profissional para vender seu trabalho e tambem a si mesmo.Construiremos este projeto do zero e voce aprendera o seguinte:StyledComponent JStipos em javascript do zeroAlinhar itens e outras tecnicas na ultima versao Css3CAIXA FLEXReactHOOKSpropriedades passadas para componentesFaremos com que o projeto responda a diferentes tamanhos de tela para que todos os usuarios possam acessar o site de qualquer dispositivo.Por que voce precisa construir um portfolio? Isso e importante ?Sim. Um site de portfolio comunica seu profissionalismo e compromisso com a arte de forma mais eficaz e clara do que um curriculo. Voce nao apenas conta; voce apresenta exemplos e cenarios da vida real que falam por si. Porque seu portfolio e o unico lugar na internet onde voce tem controle total. Antes da entrevista tecnica, voce geralmente precisa fazer uma ligacao introdutoria com o gerente de contratacao e, nesse periodo, seu portfolio pode ajuda-lo a receber a pira ligacao do gerente de contratacao. Seu portfolio e uma otima oportunidade para mostrar suas habilidades como desenvolvedor, designer, pode ser de qualquer area.O site do portfolio pee que voce demonstre sua abordagem madura e profissional para vender seu trabalho e tambem a si mesmo.

Overview

Section 1: Introduction and Configure your SETUP

Lecture 1 Tour Financial Project Course With React

Lecture 2[WINDOWS] - How install NodeJs

Lecture 3[WINDOWS] - How Install VSCODE

Lecture 4 how install YARN

Section 2: CREATE PROJECT AND Settings

Lecture 5 Create Project REACT With NPX and Install Dependencies

Lecture 6 organize the default project structure

Lecture 7 Create First File index.js in REACT PROJECT AND Run the REACT SERVER

Section 3:[StyledComponents] DEFAULT SETTINGS STYLE

Lecture 8 5-[ styledComponets] Create Formatting and organize the Global styledComponets

Lecture 9[Style] Configure ma and Padding for all components

Section 4:[HeaderComponent] CREATE AND STYLE THE FIRST COMPONENT

Lecture 10[headerComponent] criando Nosso piro component

Lecture 11 8-[Style] STYLE OUR HeaderComponent

Section 5:[ResumeComponent] CREATE AND STYLE AND CONFIGURE PROPERTIES

Lecture 12[ResumeComponent] CREATE AND STYLE AND CONFIGURE

Section 6:[resumeItemComponent] CREATE AND STYLE ResumeItemComponent

Lecture 13 CREATE AND STYLE ResumeItemComponent

Section 7:[FormComponent] CREATE COMPONENT MAKE METHODS AND STYLE

Lecture 14 CREATE FormComponent COMPONENT MAKE METHODS AND STYLE

Section 8:[BACKEND] Services AND Methods for GET Data

Lecture 15 CREATE METHODS LOGICAL FOR GET DATA IN APP.JS

Section 9:[ResumeComponent] Make Changes in this Component

Lecture 16 Change ResumeComponent

Section 10:[BACKEND] METHODS FOR ADD NEW ITEMS

Lecture 17 CREATE METHODS AND LOGICAL FOR ADD NEW ITEMS

Section 11:[GridComponent ] CREATE COMPONENT FOR LIST ITEMS

Lecture 18 CREATE GridComponent FOR LIST ITEMS

Section 12:[GridItemComponent] Create and STYLE GridItemComponent

Lecture 19 Create GridItemComponent and make STyle

Lecture 20 Create Method in GridItemCOmponent for remove Items

Lecture 21 PUT in

Section 13:[FORMCOMPONENT] Make Changes and FINISH PROJECT

Lecture 22 Input title and style in options FormComponent

All the students who wants to create the responsive website design or development,Students who have the basic knowledge of Front End Web Development and want to develop their skills,If you want to become a react js developer,If you want to build your career as a frontend web developer,You want to improve your react js skills,You want to build a complete react js project,Students who want to Creative Next Level Portfolio Website,Students who want to build Real world website design,Bner of javascript, React, Bootstrap who want to learn how to build professional web apps,Students who wants to learn how to create their own portfolio website

HomePage: