Udemy

Platform

Português

Language

Other

Category

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.45 (281 reviews)

Desenvolvimento com Ionic 3 + WebComponents com StencilJS

Students

14.5 hours

Content

Jun 2021

Last Update
FREE
Regular Price

EXCLUSIVE SKILLSHARE OFFER
Exclusive SkillShare Offer
Unlimited access to 30 000 Premium SkillShare courses
40%OFF ANNUAL MEMBERSHIP

What you will 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.


Description

!!!ATENÇÃO!!!

Devido a última alteração da Udemy, cursos grátis devem ter apenas 2 horas de duração, sendo assim não posso alterar a grade curricular do curso ou ele será automaticamente passado para pago. Caso tenha alguma dúvida, não tenha abordado algo, entre em contato e irei te ajudar.

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.

Gostou do conteúdo e quer me ajudar de alguma outra forma?

Os cursos são grátis e feitos no meu tempo livre, mas se quiser me enviar algum valor simbólico, seja por ter gostado do conteúdo, por querer ajudar, ou qualquer outro motivo, deixo aqui meu PicPay para isso:

PicPay: @GabrielBarretoDev



Content

Introdução.

Introdução ao curso - (Update 05/04/2019)

O que é Ionic Framework? - (Update 05/04/2019)

Cordova

Angular

TypeScript

SASS

Ionic 4 - (Update 05/04/2019)

JavaScript ES6.

O ECMAScript

Promises

Arrow Functions

Let e Const

Template Literals

Object Shorthand

Encerrando

Inicialização e Arquitetura de uma aplicação.

Preparando o ambiente para desenvolvimento com Ionic

ANTES DE INSTALAR O IONIC GLOBAL!!!

Templates disponíveis

Adicionando a plataforma

Package e Congif

Atualização - 27/12/2018

Preparando o projeto

Arquitetura dos diretórios

Arquitetura das páginas

Encerrando

Angular.

Componente Angular

Data binding

NgIf

NgFor

NgSwitch

NgClass

Encerrando

Componentes.

O que são os componentes

Buttons

Action sheet

Alert

Toast

Badge e Chips

Cards

Grids

Loading

Spinner

List

Item

FAB

Gesture

Footer

Header

Segment

Icons

Inputs

Datetime

Range

Toggle

Modal

Popover

Infinite Scroll

Refresher

Searchbar

Menu

Split pane

Tabs

Virtual Scroll

Encerrando

API.

API

NavController

Lifecycle Hooks

ViewChild

Renderer2 e ElementRef

Platform

Content

Config

Events

HTTP

Storage

Encerrando

Theming.

Theming

Variáveis do SASS

Utilitários de CSS

Pipes, Directives, Providers e Components.

Introdução

Pipes

Directives

Providers

Components

Encerrando

Formulário com o FormBuilder do Angular.

Introdução

Formulário simples com FormBuilder

Validações e Custom Validators

Forms aninhados

Forms dinâmicos

Encerrando

Plugins.

Introdução

Camera

Geolocation

Network

Encerrando

WebComponents com StencilJS.

Introdução

WebComponents

Como utilizar

Estrutura de um WebComponent

Config inicial e Operadores condicionais

Loops

Eventos da DOM

Slots

Múltiplos elementos no Render

Novo componente - TODO List

Forms e dados reativos

Eventos customizados: Emitindo e Escutando

Decoradores: Prop e State

Decorador: Watch

Decorador: Method

Decorador: Element

Anatomia de um app

Router

Lifecycle Hooks

Build e Distribuindo componentes

Encerrando

BÔNUS - Técnicas.

Lazy Loading

Skeleton Screen e Perceived Performance

Bibliotecas externas no Ionic (jQuery, Bootstrap, etc.)

Animações do After Effects com ng-lottie

Bônus - Ionic 4

Introdução

Criando um novo projeto com a CLI

O que mudou na arquitetura do projeto?

Criando um novo componente e navegando entre as páginas

O que mudou nos componentes?

Utilizando um componente de apresentação (API)

Estilizando os componentes

Configurando o Capacitor para build de aplicações

Plugin do Capacitor e rodando a aplicação

Encerrando

Redes sociais e mais


Reviews

W
Wenderson31 December 2019

Ótimo curso. Atendeu minhas expectativas por ser bem objetivo e de fácil compreensão. O Professor possui total domínio sobre o conteúdo abordado, e usa uma didática que torna o acompanhamento agradável, aliando teoria e prática, no decorrer do curso.

A
Alexandre8 September 2019

Instrutor com muito conhecimento, e o curso vai servir como um guia de referência sempre que precisar fazer alguma implementação de algum componente ou plugin. Didaticamente falando não é o melhor, pois não orienta o aluno que não conhece nada sobre a estrutura dos frameworks (na versão que estudei, mas pode atualizar). Uma melhoria é fazer as apresentações passo-a-passo, acrescentando dificuldade aos poucos. Tem apresentação que ele constrói tudo, com vários passos, e só depois mostra o resultado final. O aluno já nem lembra o que estava para ser feito de tanto detalhe que foi informado antes mesmo de ver o básico rodando. Vou usar muito as apresentações agora que estou iniciado no Ionic, mas terei que estudar mais a base de tudo como iniciante que sou. Eu indico que antes faça uma introdução da estrutura de navegação, de como se encaixam o ionic, o cordova, o js, o npm, etc. Parabéns ao professor.

A
Aluisio8 April 2019

O curso mostra os conceitos fundamentais para entender como funciona o Ionic. Muito bom pra iniciantes. Gostei bastante de como o instrutor ensina, sem deixar passar detalhes importantes para o aprendizado. PARABÉNS!

A
Adam26 March 2019

Conclui o curso e está falando 99 % concluído, melhor eu nem ver mais vídeo aulas desse cara, além de desatualizado é impossível concluir

M
Maurício28 December 2018

A qualidade do curso é muito boa. Acho que carece de um exemplo para unificar os conteúdos apresentados... mas estou gostando

J
José17 November 2018

Muito boa a didática, começando pelo começo ou seja pelas ferramentas das linguagem e suas aplicações..Muito Bom

C
Cleiton13 October 2018

Curso foi bem elaborado, professor bastante cuidadoso para que o aluno posso reproduzir todos exemplos exatamente igual ele faz. Até o momento considero o melhor conteudo de ionic em portugues no udemy.


1711666

Udemy ID

5/24/2018

Course created date

10/29/2019

Course Indexed date
Bot
Course Submitted by

Twitter
Telegram