Desenvolvimento com Ionic 3 + WebComponents com StencilJS
4.3 (143 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
5,177 students enrolled

Desenvolvimento com Ionic 3 + WebComponents com StencilJS

Aprendendo a desenvolver aplicações mobile com Ionic Framwork 3 e como construir WebComponents com o StencilJS.
4.3 (143 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
5,177 students enrolled
Created by Gabriel Barreto
Last updated 4/2019
Portuguese
Current price: $11.99 Original price: $24.99 Discount: 52% off
23 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 14.5 hours on-demand video
  • 3 articles
  • 2 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
  • Assignments
  • Certificate of Completion
Training 5 or more people?

Get your team access to Udemy's top 3,000+ courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • Você será capaz de desenvolver aplicativos mobile conhecendo a fundo os componentes, além de usar das tecnologias mais recentes para desenvolver tanto aplicativos como sites leves e rápidos.
  • Qual a melhor forma e contexto para utilizar os componentes.

  • Se manter atualizado no JavaScript ao aprender sobre ES6.

  • Será capaz de desenvolver WebComponents, uma nova tecnologia que vem ganhando espaço no mercado.
  • Desenvolver também aplicações e componentes web com StencilJS.
Requirements
  • HTML básico, preferencialmente intermediário.
  • CSS básico, preferencialmente intermediário.
  • JAVASCRIPT, ao menos intermediário.
  • Conhecimento de Angular ou qualquer framework de front end é um diferencial.
Description

O Curso

Ionic 3 é uma ferramenta para desenvolvimento de aplicativos híbridos e WebApps que cresceu muito nos últimos anos e conta com uma comunidade bem ativa e muitas funcionalidades. O time do Ionic também é responsável por uma outra ferramenta chamada StencilJS, o Stencil tem a função de criar WebComponents, que são componentes que podem ser utilizados em qualquer aplicação apenas importando alguns arquivos de JavaScript.

Porque desenvolver com Ionic?

O mercado e aplicações mobile é gigantesco, qualquer aplicação tem o potencial de atingir milhares ou milhões de pessoas e o Ionic te deixa alguns passos a frente para isso acontecer. Algumas das vantagens do Ionic são a facilidade do desenvolvimento, já que são utilizadas tecnologias WEB e a economia de tempo e código, já que diferente do nativo, não é preciso usar uma linguagem de programação para cada plataforma. Além disso, com o Ionic é possível criar PWAs (Progressive Web Apps) que tem ganhado o mercado e muitos dizem que, até 2020, dividirão o mercado de aplicações em 50% com as aplicação convencionais.

Porque aprender Stencil?

As aplicações do Ionic na sua versão 4 virão com componentes desenvolvidos em Stencil, sendo assim o Ionic poderá ser importado facilmente em qualquer aplicação e ter seus componentes disponíveis, conhecer essa ferramenta poderá te ajudar a avançar para a próxima versão. Desenvolver componentes pode te ajudar na questão de reutilização, já que o mesmo componente pode ser utilizado e se feito da maneira correta poderá ter uma estilização e aplicação fácil, além disso a performance do WebComponent é melhor do que a performance de frameworks como Angular e React, sendo assim é um estudo que vale a pena.

O que eu preciso saber então?

Você precisa ter um conhecimento básico de HTML e CSS, para JavaScript o ideal é ter um conhecimento intermediário. Se você possui conhecimento em algum framework como Angular, AngularJS, React ou Vue aprenderá mais fácil, porém não é um requisito.

O que esse curso fará por mim?

Meu objetivo principal com esse curso é te ensinar o que é o Ionic, como ele funciona, como utilizar seus componentes, plugins, APIs e tirar o máximo de proveito dele por completo, aprendendo a fundo e reforçando os conhecimentos adquiridos. Quero te ensinar a como aprender também por conta própria, onde pesquisar, onde ler conteúdos, como utilizar tudo da melhor forma possível para que não restem duvidas e você possa se explicar, se impor e poder levar um bom conhecimento para sua vida profissional. Irei também te atualizar quanto a algumas tecnologias, como o ES6 e o Angular, te encaminhar no aprendizado de coisas novas e novos conceitos.

Ionic 4

Ao final do curso há uma sessão bônus sobre o Ionic 4 mostrando o que mudou e como trabalhar com ele utilizando os conhecimentos obtidos ao longo do curso de Ionic 3. Com essa sessão será possivel iniciar uma aplicação com o Ionic 4, entender as mudanças, como utilizar os novos componentes e como utilizar o Capacitor - que seria um substituto opcional ao Cordova criado pelo time do Ionic - para transformar suas aplicações em nativas.

----

Tem alguma iniciativa, um projeto, um meetup, evento, esta ajudando minorias e quer utilizar o conteúdo do curso? Entre em contato comigo e podemos dar um jeito de disponibilizar o curso na integra para ser utilizado.

Who this course is for:
  • Desenvolvedores iniciantes (ou não) que desejam entrar no mundo de desenvolvimento de Apps utilizando tecnologias hibridas.
  • Desenvolvedores que querem aprender como funcionam frameworks de front end.
Course content
Expand all 130 lectures 14:33:41
+ JavaScript ES6.
7 lectures 26:38
O ECMAScript
01:58
Promises
05:08
Arrow Functions
05:17
Let e Const
06:59
Template Literals
03:53
Object Shorthand
02:54
Encerrando
00:29
+ Inicialização e Arquitetura de uma aplicação.
10 lectures 32:42
Preparando o ambiente para desenvolvimento com Ionic
00:55
ANTES DE INSTALAR O IONIC GLOBAL!!!
00:47
Templates disponíveis
06:57
Adicionando a plataforma
04:10
Package e Congif
05:43
Atualização - 27/12/2018
00:51
Preparando o projeto
01:44
Arquitetura dos diretórios
04:50
Arquitetura das páginas
04:59
Encerrando
01:45
+ Angular.
7 lectures 40:27
Componente Angular
01:34
Data binding
09:29
NgIf
06:26
NgFor
07:08
NgSwitch
05:34
NgClass
07:02
Encerrando
03:14
+ Componentes.
32 lectures 05:37:41
O que são os componentes
04:49
Buttons
09:13
Action sheet
17:55
Toast
12:40
Badge e Chips
12:10
Cards
17:31
Grids
16:01
Loading
06:26
Spinner
04:26
List
11:31
Item
09:56
FAB
06:23
Gesture
10:28
Footer
08:40
Header
04:18
Segment
06:38
Icons
09:30
Inputs
19:11
Datetime
11:47
Range
10:41
Toggle
05:05
Modal
12:10
Popover
08:59
Infinite Scroll
11:47
Refresher
13:32
Searchbar
10:50
Menu
14:04
Split pane
05:00
Tabs
10:49
Virtual Scroll
09:01
Encerrando
02:06
+ API.
12 lectures 01:22:25
API
01:04
NavController
14:31
Lifecycle Hooks
06:50
ViewChild
03:24
Renderer2 e ElementRef
07:22
Platform
08:50
Content
08:49
Config
04:02
Events
04:18
HTTP
13:01
Storage
09:17
Encerrando
00:57
+ Theming.
3 lectures 13:55
Theming
01:05
Variáveis do SASS
06:48
Utilitários de CSS
06:02
+ Pipes, Directives, Providers e Components.
6 lectures 43:49
Introdução
01:29
Pipes
09:26
Directives
07:35
Providers
10:34
Components
13:33
Encerrando
01:12
+ Formulário com o FormBuilder do Angular.
6 lectures 45:35
Introdução
01:01
Formulário simples com FormBuilder
08:56
Validações e Custom Validators
15:41
Forms aninhados
07:27
Forms dinâmicos
11:31
Encerrando
00:59
+ Plugins.
5 lectures 31:11
Introdução
00:59
Camera
14:00
Geolocation
07:46
Network
05:51
Encerrando
02:35