Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA CompTIA Security+ Amazon AWS AWS Certified Developer - Associate
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Mindfulness Personal Development Personal Transformation Life Purpose Meditation Emotional Intelligence Neuroscience
Web Development JavaScript React CSS Angular PHP WordPress Node.Js Python
Google Flutter Android Development iOS Development Swift React Native Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Retargeting
SQL Microsoft Power BI Tableau Business Analysis Business Intelligence MySQL Data Analysis Data Modeling Big Data
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Online Business Business Plan Startup Blogging Freelancing Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
30-Day Money-Back Guarantee
Development Web Development Front End Web Development

Desenvolvimento Web Front-end com React - Edição 2020

Aprenda a criar aplicações com o novo React usando a Hooks API e a Context API, além consumir APIs com GraphQL
Rating: 4.8 out of 54.8 (120 ratings)
570 students
Created by Lucas Costa
Last updated 12/2020
Portuguese
Portuguese [Auto]
30-Day Money-Back Guarantee

What you'll learn

  • Criar componentes de interface
  • Gerenciar o estado da aplicação
  • Renderizar componentes condicionalmente
  • Reagir com efeitos colaterais
  • Criar formulários controlados
  • Validar dados fornecidos pelo usuário
  • Manipular listas e objetos

Course content

23 sections • 155 lectures • 28h 32m total length

  • Preview08:38
  • Preview04:26

  • Preview09:59
  • Preview09:00
  • Preview06:28
  • Preview09:58
  • Preview16:39
  • Preview07:28

  • Preview16:34
  • Preview08:35
  • Preview15:07
  • Preview10:51
  • Preview15:09

  • Estilização do tipo "CSS Stylesheet"
    06:10
  • Estilização do tipo "Inline Styling"
    10:23
  • Estilização do tipo "CSS Modules"
    13:38

  • Conversão de propriedades em estado
    10:06
  • Conversão de estado em propriedades
    12:31
  • Conversão de objeto em propriedades
    06:25
  • Propriedade especial "children"
    09:10
  • Métodos de propriedades "defaultProps" e "propTypes"
    11:05
  • Criação de estado sem o método "useState"
    07:55
  • Atualização de estado com base em valor anterior
    13:40

  • Funcionamento da renderização
    11:55
  • Renderização de elementos e componentes
    06:31
  • Renderização de elementos adjacentes #1
    07:28
  • Renderização de elementos adjacentes #2
    10:21
  • Renderização condicional #1
    06:11
  • Renderização condicional #2
    07:45
  • Renderização condicional #3
    05:36
  • Renderização condicional #4
    11:06
  • Renderização condicional #5
    09:20

  • Efeito colateral na montagem
    13:39
  • Efeito colateral na desmontagem
    16:35
  • Efeito colateral com dependências
    12:17
  • Busca de dados através da rede
    12:42
  • Armazenagem e gerenciamento de dados de busca como estado
    10:35
  • Indicador de carregamento
    11:06

  • Componente não controlado
    15:55
  • Componente controlado
    12:10
  • Elemento "textarea" controlado
    09:08
  • Elemento "select" controlado
    08:09
  • Elemento "checkbox" controlado
    09:55
  • Elemento "radio" controlado
    14:58

  • Formulário escalável
    12:45
  • Esquema de validação
    10:43
  • Validação com expressão regular
    12:16
  • Campo sensível ao toque
    09:00
  • Máscara de entrada
    13:53
  • Tratamento de dados
    07:52
  • Envio de formulário
    09:14

  • Cópia de lista e objeto
    13:54
  • Leitura de lista
    19:15
  • Adição de item em lista
    09:00
  • Atualização de item em lista
    06:27
  • Remoção de item em lista
    09:28
  • Identificadores únicos
    11:31

Requirements

  • HTML (básico)
  • CSS (básico)
  • Javascript (até o ES6)

Description

O React é a mais popular biblioteca para desenvolvimento web front-end atualmente e por um motivo muito justo: ela é a melhor! Mas, como tudo no mundo da tecnologia, ela muda muito rápido e suas ferramentas se atualizam constantemente,  e por este motivo, o React de meses, ou até de semanas atrás, não é o mesmo que o de hoje. Isso faz com que seja muito importante se atualizar.


Neste curso serão abordadas as mais recentes ferramentas adicionadas à biblioteca React, como a Hooks API, que permitem a criação de componentes sem o uso de classes, e o novo Context API, que nos permite criar um contêiner de estados sem o uso da biblioteca Redux e com uma grande facilidade.


Então caso você queira aprender esta biblioteca incrível ou atualizar seus conhecimentos acerca dela, este curso é perfeito para você!

Who this course is for:

  • Desenvolvedores web iniciantes que querem se especializar no front-end com o React
  • Desenvolvedores web experientes que querem aprender as novas funcionalidades do React

Instructor

Lucas Costa
Bacharel em Design e Desenvolvedor de Aplicações Web
Lucas Costa
  • 4.7 Instructor Rating
  • 461 Reviews
  • 7,086 Students
  • 2 Courses

Sou bacharel em Design pela UEPa e no decorrer do curso foquei meus estudos na área de Design de Interação, na qual me identifiquei bastante.


Comecei com outras linguagens, mas atualmente programo em Javascript, que deu praticidade aos meus projetos e um retorno rápido. Atuo no mercado de trabalho como desenvolvedor web freelancer.

  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.