Provavelmente se você trabalha com desenvolvimento já deve ter ouvido falar em Grunt e Bower. Mas você sabe qual a função de cada um? Pra que servem? Nessa rápida talk iremos abordar os conceitos e diferenças entre ambos, além de dicas de uso para que você e seu time não caiam em pegadinhas que podem atrapalhar o desenvolvimento.
Um bom fluxo de trabalho para desenvolvimento web passa por 3 etapas: montar um servidor local adequado, usar ferramentas que te ajudem a escrever código de qualidade e saber como encontrar bugs de forma ágil e precisa. Nessa palestra vou demonstrar as ferramentas open-source que uso todos os dias para desenvolver com rapidez, qualidade e segurança: WP Local Docker, Xdebug e os padrões de projeto da 10up.
Palestra explicando o porque o time de Apps da globo.com adotou o React Native como sua solução.
Eu também mostro exemplos de códigos em React Native e explico como a sua arquitetura funciona.
Provavelmente se você trabalha com desenvolvimento já deve ter ouvido falar em Grunt e Bower. Mas você sabe qual a função de cada um? Pra que servem? Nessa rápida talk iremos abordar os conceitos e diferenças entre ambos, além de dicas de uso para que você e seu time não caiam em pegadinhas que podem atrapalhar o desenvolvimento.
Um bom fluxo de trabalho para desenvolvimento web passa por 3 etapas: montar um servidor local adequado, usar ferramentas que te ajudem a escrever código de qualidade e saber como encontrar bugs de forma ágil e precisa. Nessa palestra vou demonstrar as ferramentas open-source que uso todos os dias para desenvolver com rapidez, qualidade e segurança: WP Local Docker, Xdebug e os padrões de projeto da 10up.
Palestra explicando o porque o time de Apps da globo.com adotou o React Native como sua solução.
Eu também mostro exemplos de códigos em React Native e explico como a sua arquitetura funciona.
Palestra feita na Season por mim, Priscila Sato, em nome do grupo PHPSP.
Palestra sobre Windows Azure e como começar a trabalhar com ele e uns exemplos de código usando o SDK oficial.
From Development to Production: Vagrant and Ansible, por Erika HeidiiMasters
Erika Heidi, Developer Evangelist da DigitalOcean, falou sobre 'From Development to Production: Vagrant and Ansible' no iMasters PHP Experience 2015.
O iMasters PHP Experience 2015 aconteceu dia 25 de Abril de 2015, no Hotel Renaissance em São Paulo-SP - http://phpexperience.imasters.com.br/
This lightning talk was gave on Meetup Ionic Mato Grosso.
This app was developed for demo purposes using Ionic and PouchDB for offline first apps. So I'm sharing the code for those who are interested in studying.
Montando um ambiente de desenvolvimento WordPress utilizando Composer e GITLeo Baiano
Quando estamos trabalhando em um projeto web é importante seguir um padrão e criar rotinas que facilitam o trabalho em equipe. A ideia desta apresentação é mostrar como criar um ambiente de desenvolvimento web, com WordPress, utilizando GIT para controle de versão e Composer para gerenciar as dependências.
Containers PostgreSQL com a Crunchy Container SuiteRoberto Mello
Uma introdução à containers e à PostgreSQL em containers usando a Crunchy Container Suite, tocando na parte de Kubernetes. Suas funcionalidades são apresentadas, vantagens e desvantagens.
Ambiente de desenvolvimento para aplicações em WordPress com Vagrant, Compose...Edison Costa
- Instalação do Virtual Box e Vagrant.
- Criação, personalização e gerenciamento de Boxes.
- Utilização do Composer, Git e Revisr.
- Utilização do GitHub, BitBucket.
- Deploy final da aplicação.
Aprendendo Na Prática: Aplicativos Web com HTML5, Angular.js, Twitter Bootstr...Daniel Makiyama
Interface de Usuário também é coisa de Programador, o objetivo deste treinamento é vivenciar um ambiente de desenvolvimento empregando estas tecnologias, abordando conceitos de testes unitários, integrados, padrões e boas práticas de desenvolvimento
Palestra feita na Season por mim, Priscila Sato, em nome do grupo PHPSP.
Palestra sobre Windows Azure e como começar a trabalhar com ele e uns exemplos de código usando o SDK oficial.
From Development to Production: Vagrant and Ansible, por Erika HeidiiMasters
Erika Heidi, Developer Evangelist da DigitalOcean, falou sobre 'From Development to Production: Vagrant and Ansible' no iMasters PHP Experience 2015.
O iMasters PHP Experience 2015 aconteceu dia 25 de Abril de 2015, no Hotel Renaissance em São Paulo-SP - http://phpexperience.imasters.com.br/
This lightning talk was gave on Meetup Ionic Mato Grosso.
This app was developed for demo purposes using Ionic and PouchDB for offline first apps. So I'm sharing the code for those who are interested in studying.
Montando um ambiente de desenvolvimento WordPress utilizando Composer e GITLeo Baiano
Quando estamos trabalhando em um projeto web é importante seguir um padrão e criar rotinas que facilitam o trabalho em equipe. A ideia desta apresentação é mostrar como criar um ambiente de desenvolvimento web, com WordPress, utilizando GIT para controle de versão e Composer para gerenciar as dependências.
Containers PostgreSQL com a Crunchy Container SuiteRoberto Mello
Uma introdução à containers e à PostgreSQL em containers usando a Crunchy Container Suite, tocando na parte de Kubernetes. Suas funcionalidades são apresentadas, vantagens e desvantagens.
Ambiente de desenvolvimento para aplicações em WordPress com Vagrant, Compose...Edison Costa
- Instalação do Virtual Box e Vagrant.
- Criação, personalização e gerenciamento de Boxes.
- Utilização do Composer, Git e Revisr.
- Utilização do GitHub, BitBucket.
- Deploy final da aplicação.
Aprendendo Na Prática: Aplicativos Web com HTML5, Angular.js, Twitter Bootstr...Daniel Makiyama
Interface de Usuário também é coisa de Programador, o objetivo deste treinamento é vivenciar um ambiente de desenvolvimento empregando estas tecnologias, abordando conceitos de testes unitários, integrados, padrões e boas práticas de desenvolvimento
Nessa apresentação mostro alguns conceitos básicos para quem quer iniciar com Django utilizando o Docker! É claro que será melhorado, o farei em breve, procurei citar alguns conceitos que tenho utilizado e podem ser úteis para quem quer iniciar com Django e Docker! Estou aberto à críticas e sugestões.
Nesta palestra eu apresento a ferramenta de linha de comando do Angular, a Angular CLI mostro como ela pode facilitar o dia a dia no desenvolvimento de uma aplicação.
Como a ferramenta de linha de comando (CLI) do Angular pode nos ensinar começar um projeto e Angular? Vamos aprender nesta palestra como começar um projeto do zero usando a CLI e saber as opções que existem para as pessoas desenvolvedoras.
Mercurianos - .Net na Prática - Da instalação até o debug da nossa API em um ...Eliel Simoncelo
Apresentação na comunidade Mercurianos no Discord.
Fizemos toda a configuração de um ambiente Windows e WSL 2 para suportar todas as necessidades de Debug da nossa aplicação.
Utilizamos o Docker como Engine para execução dos nossos containers, tanto no Windows como no WSL 2. No WSL 2 utilizamos o Ubuntu como a nossa principal distribuição.
O Visual Studio Code foi escolhido como o nosso editor para suportar o desenvolvimento da aplicação e também para Debug da nossa aplicação.
Criamos uma aplicação .NET 6 e fizemos o debug no Windows, WSL 2 e dentro de um container utilizando Docker.
Ionic Framework - Parte 1 - Iniciando um Projeto mais RobustoAlamo Saravali
O Ionic Framework é uma ferramenta de desenvolvimento de aplicativos híbridos.
Baseado no Cordova, o Ionic possibilita criar aplicativos para diversas plataformas, incluindo iOS, Android, Windows Phone, etc., com um único código.
A vantagem do Ionic para com os outros é a facilidade de desenvolvimento e o desempenho do aplicativo.
Apresentação introdutória sobre a MEAN Stack, contando com o desenvolvimento, passo-a-passo, de uma aplicação simples.
Apresentação para o JSDay Campina Grande.
Este Lab foi produzido para ser um estudo prático introdutório para as tecnologias envolvidas com desenvolvimento Python/Django. Sendo assim não tem intenção de ser um curso ou fonte de referências.
3. Instale o Node.js para ter acesso ao
npm(Node Packaged Modules)
http://nodejs.org/
necessário para instalar o Grunt e o Bower
4. Após instalar o nodejs, digite na
console:
$ npm install -g yo
para instalar o yeoman. Isto irá instalar o Grunt
e o Bower automaticamente para você.
5. Generators
$ npm install -g generator-webapp
Para instalar o default web application
generator, que irá criar toda a estrutura de
pastas e arquivos necessários para o projeto.
Este generator contém o HTML5 Boilerplate,
jQuery, Modernizr, and Bootstrap
6. Criar um projeto novo
$ yo webapp
com isso criamos um projeto novo a partir do
zero com toda estrutura e configurações
necessárias
$ bower cache clean (necessário caso o passo acima não funcione)
$ npm cache clean && npm update -g yo (necessário caso o passo acima não
funcione)
7. hello word
$ grunt serve
Agora vamos iniciar o projeto. Ao rodar o comando
acima, subimos um server e ativamos o
liveReload. Com o LiveReload podemos trabalhar
sem precisar dar F5 toda hora no browser, basta
salvar um arquivo para atualizar automaticamente.
9. Adicionando um novo pacote
# Instala o pacote e salva no arquivo bower.json
$ bower install respond --save
a opção --save grava no arquivo bower.json que o
pacote foi instalado. É uma boa prática para ter
uma lista de tudo que há no projeto e fazer futuros
updates.
10. Listando os pacotes novamente
$ bower list
como podem observar o pacote “respond” está listado
acima, pois o mesmo está relacionado no arquivo
“bower.json” e fisicamente na pasta
“bower_components”
11. Atualizando um pacote
abra o arquivo bower.json e coloque latest na
propriedade jquery e depois rode o comando:
$ bower update jquery
12. Criando um build de produção final
otimizado pronto para publicação
$ grunt
o conteúdo será colocado dentro da pasta
“dist”