Blog SW9

Desenvolvimento Web e Híbrido na prática.
Tome um café, concentre-se, codifique. (งツ)ว

STRAPI NODEJS CMF | Nunca foi tão fácil criar uma API | Consumindo a API | SW9
API
Talvez este seja um dos momentos mais esperados por todos nós. Passamos pela instalação e configuração do strapi, a criação de nossa API (Tarefas e Status), definimos as permissões vs perfil de acesso e agora vamos chamar os endpoints gerados automaticamente pelo STRAPI. Sendo mais claro, você vai aprender a fazer as chamadas para nossa API, usando uma ferramenta chamada Restlet Client.
STRAPI NODEJS CMF | Nunca foi tão fácil criar uma API | PAPÉIS E PERMISSÕES | SW9
API
Continuando a série sobre STRAPI, neste terceiro episódio você vai ter contato com as configurações de papéis e permissões dentro da área Admin do STRAPI. Aprender sobre papéis e permissões é fundamental para definirmos quais endpoints devem ser acessados de forma pública ou autenticada, quais usuários podem ter acesso para chamar os endpoints, etc.
STRAPI NODEJS CMF | Nunca foi tão fácil criar uma API | Criando a primeira API | SW9
API
Agora que o nosso projeto já foi criado, chegou momento de acessar o painel admin do STRAPI para criarmos a nossa primeira API. Neste segundo episódio você vai aprender a criar os Content Types. O nosso objetivo é criar uma API de TODO (tarefas a fazer), e para isso criaremos dois Content Types, um para representar as tarefas e outro para o status de cada tarefa.
STRAPI NODEJS CMF | Nunca foi tão fácil criar uma API | Primeiros Passos | SW9
API
Você vai ter uma visão geral sobre este framework, quais os pré-requisitos para instalação, instalar o STRAPI usando o gerenciador de pacotes npm, criar nosso primeiro projeto, rodar o STRAPI e acessarmos o seu Dashboard Admin. O melhor é que todo este processo é simples e rápido. Ao final deste episódio seremos capazes de, no próximo episódio, criarmos a nossa primeira API.
Google Way | Building a Form Field Similar To Google | 3 de 3 | SW9
Hoje encerramos o projeto de construção de um campo de pesquisa, com identidade visual e recursos similares ao site do Google. Nesta última parte implementamos um teclado virtual arrastável usando uma biblioteca chamada simple-keyboard.
Google Way | Building a Form Field Similar To Google | 2 de 3 | SW9
O nosso próximo objetivo é agregar duas funcionalidades ao campo de pesquisa. São elas: Clear Input; Float Label. #O que veremos na aula de hoje? Vou explicar passo a passo como agregar ao campo de pesquisa as funcionalidades de Clear Input e Float Label.
Google Way | Building a Form Field Similar To Google | 1 de 3 | SW9
Criar um campo de pesquisa usando vários recursos visuais, para que fique bem próximo da identidade visual usada pelo Google em seus formulários. #O que veremos na aula de hoje? Daremos início ao projeto de construção de um campo de pesquisa. Decidi dividir o projeto em três AULAS. Nesta primeira AULA, vamos implementar os seguintes recursos: Round Corner: cantos arredondados no campo de pesquisa; Append Icon: agregaremos 2 ícones ao lado direito do campo de pesquisa. Um ícone no formato de lupa e um ícone no formato de um teclado; Popover: aplicaremos o recurso de popover no ícone de teclado virtual;
Icon Animation | Como animar ícones usando Font Awesome e CSS3? | SW9
CSS
#O que veremos na aula de hoje? Agora chegou a momento de apresentar para vocês uma segunda técnica para animação de ícones. Desta vez, usaremos a dupla Font Awesome e CSS3 animation. 😲
Icon Animation | Como animar ícones usando Font Awesome e Javascript Nativo? | SW9
#O que veremos na aula de hoje? Vou apresentar uma técnica simples e bem prática, para quem está procurando uma forma de criar ícones animados em projetos web ou aplicações híbridas 😲 Combinaremos a biblioteca de ícones chamada Font Awesome com Javascript Puro para produzir as animações.
Local Web Server | Usando o Chrome como servidor web local | Alternativa 2 | SW9
O objetivo nesta AULA é explicar passo a passo como podemos configurar e usar uma extensão disponível para o navegador Google Chrome, que tem como função transformá-lo em um poderoso servidor web local (Local Web Server). Com este servidor web local instalado e configurado, será possível hospedar e publicar nossos projetos desenvolvidos em HTML, CSS e JS. As perguntas a seguir serão respondidas nesta AULA: É possível criar um servidor web local de forma simples e rápida? Quais as formas de ativar um servidor web local usando o Google Chrome? Quais os principais recursos que esta extensão possui?
Paulo Eduardo
Geek desde criança, sempre me interessei por games, filmes e tecnologia. Sou graduado em engenharia da computação pela PUC Campinas. Possuo mais de 15 anos de experiência em desenvolvimento, com foco maior em desenvolvimento web, gestão de times e mais recentemente desenvolvimento mobile utilizando HTML e Javascript.

Termos como #backend, #frontend e #fullstack fazem parte do meu dia a dia.

Não deixe de acompanhar meu blog, canal youtube e meus produtos digitais.

Divirta-se e bons estudos. :-)
Paulo Eduardo on sabyoutubePaulo Eduardo on sabinstagramPaulo Eduardo on sabgithubPaulo Eduardo on sabfacebook
✌(◕‿-)✌ Tempo Limitado - Tenha acesso a nossa área de DownloadsClique Aqui - É Grátis
How to whitelist website on AdBlocker?