Bootstrap desenvolvendo e customizando interfaces para web, introduzindo aos ...Cristofer Sousa
Workshop que foi ministrado para a Semana da Computação no IFSP - São Carlos, sobre os conceitos de Desenvolvimento Web utilizando Bootstrap além de poder conhecer a fundo algumas bibliotecas e padrões para customizar nossos projetos e uma breve introdução sobre a importância de prototipagem.
Desenvolvido pela equipe do Twitter, o Bootstrap é um framework front-end de código aberto (opensource). Em palavras simples, é um conjunto de ferramentas criadas para facilitar o desenvolvimento de sites e sistemas web.
Compatível com HTML5 e CSS3, o framework possibilita a criação de layouts responsivos e o uso de gris, permitindo que seu conteúdo seja organizado em até 12 colunas e que comporte-se de maneira diferente para cada resolução.
Como qualquer outra ferramenta, possui suas vantagens e desvantagens. É importante conhecer e entender suas funcionalidades para saber os momentos certos de utilizá-lo.
Post completo: http://thiagonasc.com/geral/desenvolvendo-com-bootstrap-3-um-framework-front-end-que-vale-a-pena
Bootstrap, desenvolvendo uma interface responsiva na prática!Cristofer Sousa
Nessa apresentação explico um pouco o que envolve o desenvolvimento de uma interface responsiva, alguns conceitos sobre media-queries, grids e como utilizar o Bootstrap de forma eficiente e rápida.
Bootstrap desenvolvendo e customizando interfaces para web, introduzindo aos ...Cristofer Sousa
Workshop que foi ministrado para a Semana da Computação no IFSP - São Carlos, sobre os conceitos de Desenvolvimento Web utilizando Bootstrap além de poder conhecer a fundo algumas bibliotecas e padrões para customizar nossos projetos e uma breve introdução sobre a importância de prototipagem.
Desenvolvido pela equipe do Twitter, o Bootstrap é um framework front-end de código aberto (opensource). Em palavras simples, é um conjunto de ferramentas criadas para facilitar o desenvolvimento de sites e sistemas web.
Compatível com HTML5 e CSS3, o framework possibilita a criação de layouts responsivos e o uso de gris, permitindo que seu conteúdo seja organizado em até 12 colunas e que comporte-se de maneira diferente para cada resolução.
Como qualquer outra ferramenta, possui suas vantagens e desvantagens. É importante conhecer e entender suas funcionalidades para saber os momentos certos de utilizá-lo.
Post completo: http://thiagonasc.com/geral/desenvolvendo-com-bootstrap-3-um-framework-front-end-que-vale-a-pena
Bootstrap, desenvolvendo uma interface responsiva na prática!Cristofer Sousa
Nessa apresentação explico um pouco o que envolve o desenvolvimento de uma interface responsiva, alguns conceitos sobre media-queries, grids e como utilizar o Bootstrap de forma eficiente e rápida.
Palestra sobre Aplicações Responsivas, para o 15 Encontro Locaweb em Porto Alegre.
Você nao deve pensar so no fron-end mas em todo o conjunto do projeto.
E isso se aplica a Mobile em geral, Aplicações nativas ou web.
O que você precisa saber para se tornar um dev front-endDiego Eis
Ser um desenvolvedor front-end já foi mais fácil. Essa palestra mostra o caminho das pedras para os que estão iniciando na área e os que já estão, servindo como guia para assuntos importantes na área.
Link do artigo relacionado:
http://tableless.com.br/tornar-dev-front-end/
Apresentação utilizada na palestra "Formulários Responsivos com Bootstrap" do Encodev (http://encodev.com.br/).
Nesta apresentação mostrei como você pode utilizar o Boostrap para agilizar o desenvolvimento de um formulário totalmente responsivo e bem organizado.
Para ficar sabendo de novidades curta minha página no Facebook: https://www.facebook.com/tutoriaismilanoweb
DESIGNER E FRONT-END DEV: Prontos para mudar seu workflow?RC Comunicação
Com as constantes mudanças de ferramentas e no desenvolvimento web, construímos um workflow do processo criativo ao desenvolvimento front-end, focado em qualidade, agilidade e integração entre as equipes.
WordCamp Rio de Janeiro 2015 - Vinícius Lourenço | Desenvolvendo Plugins para...Vinícius Lourenço
Slides da palestra "Desenvolvendo Plugins para Automatizações", realizada no dia 29/08 de 2015 no WordCamp Rio de Janeiro 2015, onde falo sobre a importância de desenvolver plugins que facilite o cotidiano automatizando tarefas similares mesmo em projetos diferentes.
WordCAmp RJ 2015 - A importância do Design/UX Para os desenvolvedores de Word...Leandro Ciccarelli
Durante 15 minutos propus uma provocação aos desenvolvedores de WordPress na área de UX/Design: como tratar esse tão estimado CMS frente a evolução das interfaces? Esse tema visa expandir a mente dos desenvolvedores no que diz respeito aos futuros dispositivos de acesso a internet.
Construir um framework é basicamente escrever o CSS do jeito certo, ou seja, escrever código sem dependências, modular, leve e altamente documentado.
Palestra feita pela primeira vez na QCon 2013.
Conteúdo do workshop que ministrei no #wordcampbh, dia 13 de junho de 2015. Obs: maiores detalhes e informações encontram-se nos notes do ppt, é necessário fazer o download da apresentação para visualizar as anotações.
O que é, como funciona, media types (media queries), design, recomendações e frameworks, bootstrap.
Material de estudos elaborado por Marcos César // www.marcoscesar.com
Todo o conteúdo é livre e pode ser copiado, consultado sempre e divulgado em toda internet desde que citados os créditos.
cc 2013 Construsite Brasil - Desenvolvimento web.
Você já deve saber que o WordPress é um grande mundo a ser explorado. Por isso, nada mais justo que alguém te dê o caminho das pedras. Descubra por onde começar, quais as principais fontes de conteúdos sobre WordPress, onde tirar suas dúvidas e como participar ativamente da comunidade do maior CMS da galáxia!
Breve discussão do 2o meetup do PHPBA sobre a motivação para o surgimento dos micro e nano frameworks. Para que eles servem, como e quando utilizá-los e um estudo de caso sobre o uso do Slim para integrar com outros sistemas.
Palestra sobre Aplicações Responsivas, para o 15 Encontro Locaweb em Porto Alegre.
Você nao deve pensar so no fron-end mas em todo o conjunto do projeto.
E isso se aplica a Mobile em geral, Aplicações nativas ou web.
O que você precisa saber para se tornar um dev front-endDiego Eis
Ser um desenvolvedor front-end já foi mais fácil. Essa palestra mostra o caminho das pedras para os que estão iniciando na área e os que já estão, servindo como guia para assuntos importantes na área.
Link do artigo relacionado:
http://tableless.com.br/tornar-dev-front-end/
Apresentação utilizada na palestra "Formulários Responsivos com Bootstrap" do Encodev (http://encodev.com.br/).
Nesta apresentação mostrei como você pode utilizar o Boostrap para agilizar o desenvolvimento de um formulário totalmente responsivo e bem organizado.
Para ficar sabendo de novidades curta minha página no Facebook: https://www.facebook.com/tutoriaismilanoweb
DESIGNER E FRONT-END DEV: Prontos para mudar seu workflow?RC Comunicação
Com as constantes mudanças de ferramentas e no desenvolvimento web, construímos um workflow do processo criativo ao desenvolvimento front-end, focado em qualidade, agilidade e integração entre as equipes.
WordCamp Rio de Janeiro 2015 - Vinícius Lourenço | Desenvolvendo Plugins para...Vinícius Lourenço
Slides da palestra "Desenvolvendo Plugins para Automatizações", realizada no dia 29/08 de 2015 no WordCamp Rio de Janeiro 2015, onde falo sobre a importância de desenvolver plugins que facilite o cotidiano automatizando tarefas similares mesmo em projetos diferentes.
WordCAmp RJ 2015 - A importância do Design/UX Para os desenvolvedores de Word...Leandro Ciccarelli
Durante 15 minutos propus uma provocação aos desenvolvedores de WordPress na área de UX/Design: como tratar esse tão estimado CMS frente a evolução das interfaces? Esse tema visa expandir a mente dos desenvolvedores no que diz respeito aos futuros dispositivos de acesso a internet.
Construir um framework é basicamente escrever o CSS do jeito certo, ou seja, escrever código sem dependências, modular, leve e altamente documentado.
Palestra feita pela primeira vez na QCon 2013.
Conteúdo do workshop que ministrei no #wordcampbh, dia 13 de junho de 2015. Obs: maiores detalhes e informações encontram-se nos notes do ppt, é necessário fazer o download da apresentação para visualizar as anotações.
O que é, como funciona, media types (media queries), design, recomendações e frameworks, bootstrap.
Material de estudos elaborado por Marcos César // www.marcoscesar.com
Todo o conteúdo é livre e pode ser copiado, consultado sempre e divulgado em toda internet desde que citados os créditos.
cc 2013 Construsite Brasil - Desenvolvimento web.
Você já deve saber que o WordPress é um grande mundo a ser explorado. Por isso, nada mais justo que alguém te dê o caminho das pedras. Descubra por onde começar, quais as principais fontes de conteúdos sobre WordPress, onde tirar suas dúvidas e como participar ativamente da comunidade do maior CMS da galáxia!
Breve discussão do 2o meetup do PHPBA sobre a motivação para o surgimento dos micro e nano frameworks. Para que eles servem, como e quando utilizá-los e um estudo de caso sobre o uso do Slim para integrar com outros sistemas.
Bootstrap: a bias minimization technique of an estimatorMichel Alves
In statistics, bootstrapping is a method for assigning measures of accuracy to sample estimates. This technique allows estimation of the sampling distribution of almost any statistic using only very simple methods. Generally, it falls in the broader class of resampling methods.
MVC Frameworks for building PHP Web ApplicationsVforce Infotech
Hello and welcome to VForce Infotech Training on MVC Frameworks for Building PHP Web Applications. In this course we are going to look at PHP, and specifically we are going to look into some of the main frameworks that you can use to develop PHP applications. We are going to look at some of the patterns, most specifically the Model/View/ Controller pattern, which is at the root of every one of these frameworks. And then we are going to dive in and take a look at the Zend framework. We are going to also look at the SymFony framework. We will look at the lightweight CodeIgniter framework. And lastly will look at CakePHP. This course was designed to introduce you to some of the more popular PHP frameworks.
Hopefully you can choose what might be right for you and your project. I'll show you how to get started in each of them and you can take it from there. So let's get started.
Palestra apresentada no 3º Ciclo de Palestras da Íparos (www.iparos.com.br), no Rio de Janeiro, uma abordagem básica sobre o mercado mobile, e uma breve apresentação do jquery mobile
{Palestra} Criação Web com Frameworks Front-endDaniel Brandão
Palestra apresentada sobre Frameworks Web, como Material Design e Bootstrap. Ferramentas essenciais para um bom desenvolvimento de sistemas e sites web.
UX no Limite: como fazer um bom trabalho em experiência do usuário apesar das...EBAI
Nem sempre é possível seguir as boas práticas e metodologias no dia-a-dia do mercado de trabalho. Neste artigo, designers de experiência do usuário contam como driblam as limitações (de tempo, tecnologia e pessoal) para conseguir elaborar as melhores interfaces possíveis. São apresentados casos reais para exemplificar as metodologias adotadas pela equipe.
Apresentação de Andressa Vieira (Locaweb), Marcos Eduardo Vigorito de Oliveira (Locaweb), Gabriela Mühlbach e Paula Sato (Locaweb) no 5º Encontro Brasileiro de Arquitetura de Informação - 2011 (www.congressoebai.org).
Slide da disciplina de Introdução aos Padrões Web e Tecnologias para o Ambiente Digital, ministrada pelo professor Thiago Prado Campos - Aula 02 - 28/05/2011
Web Designer é uma extensão da prática do design gráfico, onde o foco do projeto é a criação de sites e documentos disponíveis no ambiente da World Wide Web.
Como a evolução da plataforma SharePoint, com a inclusão do Yammer e a disponibilização de sua estrutura via Cloud, deve ser integrada aos processos das organizações, e quais soluções devo pensar em SharePoint e quais não.
Desenvolvimento web - conceitos, tecnologia e tendências.Valmir Justo
O Desenvolvimento de Aplicações WEB nem sempre é uma tarefa trivial. Esta apresentação demonstra diversos conceitos, tecnologias e metodologias que são utilizadas em diversos projetos.
Usando a programação web para mobile com Twitter Bootstrap
1. USANDO A PROGRAMAÇÃO
WEB PARA MOBILE COM
TWITTER BOOTSTRAP
“Uma estrutura de front-end elegante, intuitiva
e poderosa para o desenvolvimento web mais
rápido e fácil.”
Flávio M. de Souza
Faculdade de Tecnologia do Nordeste
2. Graduado em Análise e Desenvolvimento de Sistemas, vivencia esse submundo da
programação desde 2008 tendo o seu primeiro contato através da linguagem JAVA.
Seu Know-how é em automação de processos de empresas, tendo em seu currívulos
diversos segmentos como mercantil, imobiliária, construtora, cartório, clínica odontológica
entre outros.
Atuamente é Sócio DIretor e Analista de Sistemas da empresa inGETI (Provedora de soluções
do SEBRAE/PI), trabalhando no projeto inSySALI (Sistema de gestão do SEBRAE para o
programa Agente Local de Inovação), Analista de Sistemas da empresa Aura Consultoria,
trabalhando no projeto DiagonalWEB (Sistema comercial na plataforma WEB da construtora
Diagonal) e Professor da FATENE.
Possui conhecimento nas tecnologias JAVA SE, PHP, JAVASCRIPT, JQUERY, HTML, CSS,
BOOTSTRAP, MYSQL e POSTGRESQL.
FLÁVIO M. SOUZA
3. “é um conjunto de classes que colaboram para realizar uma
responsabilidade para um domínio de um subsistema da
aplicação.”
O QUE É FRAMEWORK?
Fayad e Schmidt
4. é uma abstração que une códigos comuns entre vários projetos
de software fornecendo uma funcionalidade genérica.
Serve para nos poupar o tempo de “REIVENTAR A RODA”
diversas e diversas vezes para cada novo projeto.
O QUE É FRAMEWORK?
Aplicação
A
Aplicação
B
Frame
work
Aplicação
C
5. “Uma estrutura de front-end elegante, intuitiva e poderosa para
o desenvolvimento web mais rápido e fácil.”
O QUE É BOOTSTRAP?
6. Foi desenvolvido por Mark Otto e Jacob Thomton e hoje é
mantido pelos demais desenvolvedores do Twitter assim como
também por colaboradores espalhados pelo mundo todo.
As equipes de desenvolvimento do Twitter utilizavam muitas
bibliotecas para o desenvolvimento de interfaces e isso gerava
muitas inconsistências e um nível elevado de manutenção.
HISTÓRIA DO BOOTSTRAP
7. O primeiro contato do Bootstrap com o público aconteceu em
um evento da empresa chamado Hackweek que aconteceu
entre 22 a 29 de outubro de 2010.
O projeto começou como interno e com o tempo teve-se a
visão de documentar e compartilhar essa nova biblioteca.
Em agosto de 2011 foi lançado o Twitter Bootstrap como código
aberto
Em fevereiro de 2012 foi o projeto mais popular do GitHub
HISTÓRIA DO BOOTSTRAP
10. “But when you start to see the same layout over,
and over, and over again
…
Your design looks like one of 6,000 other sites
out there.”
"Mas quando você começa a ver o mesmo
layout mais, e mais , e mais uma vez
...
Seu design é um dos 6.000 outros sites por aí
. "
13. O termo surgiu em 2010 quando o Ethan Marcotte (Web Design
e Desenvolvedor) pensando em melhorar a sua experiência
escreveu para o blog A List Apart o artigo RESPONSIVE WEB
DESIGN.
No artigo Ethan apresenta Christopher Wren um arquiteto inglês
que certa vez disse que arquitetura é uma arte que “objetiva a
eternidade”, diferentemente da web que o que se é projetado
hoje, muito em breve já estará desatualizado.
DESIGN RESPONSIVO