tipusAula Formació
REGISTRE

Descripció

Audiència i requisits previs

Esquema del curs

Horaris i càrrecs

certificació

Reacciona JS

Reacciona és una biblioteca de frontal desenvolupada per Facebook. S'utilitza per gestionar la capa de visualització per a aplicacions web i mòbils. ReactJS ens permet crear components d'UI reutilitzables. Actualment és una de les biblioteques de JavaScript més populars i té una base sòlida i una gran comunitat darrere d'ella.

Públic objectiu

Aquest tutorial ajudarà als desenvolupadors de JavaScript que vetllin endavant per fer front a ReactJS per primera vegada. Intentarem introduir tots els conceptes mostrant exemples de codi simples que es puguin entendre fàcilment. Després d'acabar tots els capítols, se sentirà segur de treballar amb ReactJS. Com a bonificació, introduirem elements addicionals que funcionen bé amb ReactJS per ajudar-vos a conèixer les millors pràctiques i seguir les tendències modernes de JavaScript.

Requisits previs

If you want to work with ReactJS, you need to have solid knowledge of JavaScript, HTML5i CSS. Even though ReactJS doesn’t use HTML, the JSX is similar so your HTML knowledge will be very helpful. We will explain this more in one of the next chapters. We will also use EcmaScript 2015 syntax so any knowledge in this area can be helpful.

Course Outline Duration: 3 Days

Dia-1

  • Fons
    • Marcs basats en Web Rich UI reals v / s Aplicacions web tradicionals
    • Aplicacions de pàgina única (SPA)
    • Concepte de vinculació de dades d'interfície d'usuari (One-Way, Two-Way, Three-Way)
    • MV * Patrons de disseny
  • introducció
    • Què és ReactJS?
    • Qui està utilitzant ReactJS?
    • Concepte de DOM virtual
    • Concepte de comportament reactiu i arbre de components
    • Flux de dades unidireccional
  • Configuració del medi ambient
    • Executar reacciona directament al navegador (processament lateral del client)
    • Representació mitjançant NodeJS, paquets npm, babel i webpack
  • Component individual: creació d'un component bàsic (amb totes les opcions possibles)
    • Crear un component de reacció bàsic amb mètodes reals de reacció i la sintaxi ES5
    • Crear un component de reacció bàsic amb mètodes reals de reacció i la sintaxi ES6
    • Crear un component de reactivació bàsic amb JSX en comptes de pura Reacció de mètodes i la sintaxi ES5
    • Crear un component de reactivació bàsic amb JSX en comptes de pura Reacció de mètodes i la sintaxi ES6
    • Transparant ES6 i JSX a ES5 utilitzant Babel
  • Diversos components
    • Component d'anàlisi de components
    • Trencament de wireframe en components granulars
  • Gestió de l'Estat
    • Diferència entre l'estat de la IU i l'estat de la sol·licitud (dades)
    • Diferència entre objectius i estat
    • Flux de dades unidireccional de pares a fills
    • Definició d'estat per a un component
    • Passant objectius (Propietats de dades) a component secundari del component principal
    • Passant el controlador d'esdeveniments (de pare) a Components secundaris per gestionar l'esdeveniment plantejat per Child Component en component principal
    • Utilitzar els objectius (Propietats de dades) en el component secundari
    • Utilitzar els propòsits (controladors d'esdeveniments) en el component secundari
  • La lògica condicional
  • Components estilístics
    • Definició de l'atribut ClassName CSS
    • Definició de l'atribut d'estil i l'objecte JavaScript

Dia-2

  • Formularis i elements d'entrada
    • Ús de l'atribut de devolució de devolució
    • Formes controlades
  • Cicle de vida del component
    • Mètodes invocats durant la càrrega d'un component
    • Mètodes invocats a tornar a representar un component
    • Mètodes invocats durant la descàrrega d'un component
  • Encaminament
    • Implementació del concepte de SPA mitjançant React Router
  • Comunicació HTTP
    • Utilitzeu Fetch per aconseguir la comunicació de client-servidor basada en HTTP
    • Treballant amb REST API
  • Arquitectura d'aplicacions per reaccionar
    • Redux
      • Descripció general dels tres principis de Redux
      • Arbre estatal immutable únic
      • Evitar la mutació d'objectes
      • Descriure canvis d'estat amb accions
      • Reductors
      • Mètodes de magatzems
    • embalatge
      • Ús del carregador del mòdul Webpack per crear
        • Paquets d'escriptura
        • Paquets d'estil
      • Exercicis pràctics
        • De les demostracions de mostra a la aplicació de múltiples funcions es realitzarà per implementar els conceptes esmentats anteriorment
        • 80% manuals / 20% teoria

Dia 3

  • Proves d'unitat utilitzant Enzyme and Jest

2 Projects

  • Aplicació del temps en directe

Aplicació del gestor de tasques

Siusplau, escriu-nos a info@itstechschool.com i contacteu-nos a + 91-9870480053 per al preu del curs i el cost de certificació, programació i ubicació

Sol·liciteu una consulta

Per a més informació amablement contacti'ns.