Modo Avião

Porque mobile? Web/App Saga

Senhores passageiros apertem o cinto e ponham o seu mobile em modo avião. Começa agora a minha “SAGA WEB APP”. Vamos lá:

modo_aviao

O mobile é uma extensão da gente, ele é um facilitador da nossa vida. Ele conecta você com o mundo. É um caminho sem volta, uma ponte para informação.

Modo Cross Mobile

Este blog também irá trazer algumas abordagens de arquitetura e seus serviços que utilizam as plataformas cross mobile: React, Ionic, Xamarin e Flutter.

modo_cross

Road to Cross

O React é a lib JS mais famosa e popular para o desenvolvimento de UI. Tem como características o seu modo declarativo, eficiente e flexível.

Modo Cloud

Quer um bom motivo para desenvolver para a nuvem? FICAMOS FOCADO NO APP!

Modo Mobile Services

Vamos entender os tipos estratégicos sobre o Mobile Services.

O mundo sob demanda de serviços de APPs:

modo_appservices

Road to Services::

  • Geolocalização
  • Notificações
  • Serviços REST
  • APIs
  • etc….

Modo AAS

Vamos explorar os modelos estratégicos do “Tudo AAS”. O mundo sob demanda:

  • SAAS
  • PAAS
  • IAAS

mean_modo_aas

Modo MongoDB

O blog irá explanar bastante sobre a moderna arquitetura do MongoDB. O DB No-SQL orientado à documentos.

mongo_mean

mongo_mean_document

Road to Mongo::

  • boas práticas (hardware, app, modelagem e index)
  • mongoose, library para mapeamento de objetos no Mongo
  • etc…

Modo Express

Vamos explanar bastante sobre este framework (conjunto de recursos) de desenvolvimento web para Node.

mean_basico_arch

mean_basico_structure

Road to 5.0

  • Native promise support in routing
  • Improved template redering system
  • Improved query string handling
  • Improved cookie handling
  • New route syntax additions
  • Decomposed project structure

Modo Angular (Front)

Iremos discorrer bastante sobre o famoso framework do Google.

Por ser um framework front-end e não uma lib, por padrão ela nos oferece templates declarativos, injeção de dependência, boas práticas. Por isso, este carinha é quem dita o “MODO” de desenvolvimento de web apps, com uma arquitetura moderna e pré-estabelecida, diminuindo as possibilidades de erros simples.

modo_front

Vamos abordar também sobre como organizar melhor uma web app Angular2:

ang2_basico_arquitetura

SPA

modo_mean_spa

Road to Angular:: 

  • Components
  • Diretivas
  • Roteamento
  • Serviços
  • Template
  • MetaDada
  • DataBindgin
  • Injeção Dependência
  • Consumir uma API em Angular no servidor

Modo Node

Vamos entender como tornar fácil a conversação entre esses dois universos (front/back).

Entender esses dois lados ao desenvolver um APP, irá nos permitir criar uma separação (distribuição) melhor das responsabilidades.

node_basico_arch

Road to Back::

  • Saídas do servidor
  • View-Mobile e a Server (API)
  • Conectar-se à uma base (MongoDB) com Rest API e HttpClient

Modo Architect (Strategic)

Também irei mitigar muito sobre arquitetura de web apps.

modo_node_rest

  • Boas práticas restful(métodos, nomenclaturas, headers…)
  • Integrações entre front-end e serviços restful com autenticações como basic authentication e tokenização

modo_node_restapi

Modo API Design

Vamos esmiuçar bastante sobre design de API.

Aprender como consumir uma API (escrita em NodeJS WebAPI), que irá gerar um JSON e será consumido por um app.

modo_mean_api_design

Road to API::

  • As responsabilidades REST
  • API RestFull / EndPoint
  • Serviços REST & SOAP (Postman/SoapUI)

Modo Mean (Macro)

modo_stackexpert

 

Modo MVVM

Este blog irá explorar muito sobre este design pattern.

modo_mean_mvvm

Modo Web Analytics

Sim, “Dados Falam”, também iremos nos debruçar no universo do Web Analytics, e entender que ele é muito mais do que um gráfico bonitinho.

modo_webanalytics

O que o Analytics diz:

  • Padrões/Tendências do tráfego do site
  • Origem/comportamento dos usuários no site
  • As páginas mais utilizadas
  • Tipos de usuários e segmentos mais lucrativos
  • Transformar usuários em clientes
  • Iniciativas de marketing online mais eficazes
  • etc…

Modo PWA

O blog irá discorrer bastante sobre o PWA, a Web virando APP.

modo_pwa

Modo Mobile Friendly

O Google prioriza websites adaptáveis (versão mobile) ao acesso via smartphone, além do mais, dados recentes afirmam que usuários estão passando cada vez mais tempo na internet via mobile.

modo_mobilesites

Road to Mobile Site

  • Entenda as principais diretrizes para a criação de um bom posicionamento mobile.

Modo Mobile Design

App não é só design. Repense a experiência.

modo_design

Road to Design Estratégico

  • Escolha o formato certo
  • E a mensagem certa
  • Enxergue valor além do último click

Modo Clean

Clean Code Saves Devs. Be well, write good code, and stay in touch.

modo_cleancode

Modo Bye!!!!

modo_bye

Keep Programming.