Diversos conteúdos para programadores web! E muito mais!

quinta-feira, 23 de novembro de 2017

Curso de Python 3

Curso de Python 3 - Prof: Gustavo Guanabara

Mundo 01: Fundamentos

Conhecendo a Linguagem e Instalando o Python

Python – Fase 01 – O que faz um Programador?

Você sabe o que faz um Programador? Trouxemos celebridades como Bill Gates, Gabe Newell e Mark Zuckerberg para te explicar como é fácil.

O mercado de Programação, mostrado de um jeito que você nunca viu!





Python – Fase 02 – Para que serve o Python?

O Python ficou famoso por ter sido utilizado na criação do Google e no YouTube. Mas você sabe exatamente quais são as principais características da Linguagem?

Quem usa Python? Que programas foram feitos em Python?





Python – Fase 03 – Instalando o Python e o IDLE

Saiba como funciona o Interpretador Python e veja os passos para instalar o Python 3.0 no seu computador com Windows, Mac OS ou Linux.

Prepare seu computador, instalando o Python




Python – Fase 04 – Primeiros Comandos em Python

Aprenda como criar interações entre o computador e o usuário, vendo o funcionamento das funções print() e input(), diretamente usando Variáveis.

Primeiros passos em Python




Python – Exercício 001 – Deixando tudo pronto

Nesse vídeo, mostraremos como criar um projeto Python no PyCharm e deixar tudo preparado para receber os exercícios da série, que vão utilizar o mesmo projeto.

Preparando todo o ambiente




Python – Exercício 002 – Resposta ao Usuário

Exercício Python 002: Faça um programa que leia o nome de uma pessoa e mostre uma mensagem de boas-vindas.

Respondendo ao Usuário





Python – Fase 05 – Instalando IDE no PC e no celular

Nesta aula, veremos como instalar e configurar a IDE (Integrated Development Environment) Python chamada PyCharm no Windows, MacOS e Linux. Além disso, veremos como programar Python no Android, utilizando o QPython3.

Veja como instalar o PyCharm e o QPython3






Isso é apenas o começo! acompanhe o curso completo em > Curso em Video
há e ainda tem um certificado na conclusão, não perca essa oportunidade! É tudo de graça!

Compartilhar:

segunda-feira, 16 de outubro de 2017

Principais Ferramentas Para Designer Gráfico

 Principais Ferramentas Para Designer Gráfico

 
Com o avanço da tecnologia e das formas de interação, designers e web designers 
têm conquistado, a cada dia mais, um maior espaço no mercado de trabalho. 
Esses profissionais desenvolvem projetos gráficos para sites, blogs e sistemas 
e podem criar aplicativos, ou seja, possuem um campo de trabalho muito abrangente. 
Designers precisam ter habilidade e bastante criatividade para apresentar bons 
trabalhos para empresas ou clientes.
Existem alguns softwares que são fundamentais para a criação de ilustrações, 
ícones, montagens, layouts, tratamento de fotos e edição visual. Separamos, 
neste post, as 4 melhores ferramentas que todo designer não pode deixar 
de conhecer. Confira!

Adobe Photoshop


Provavelmente, é o programa de edição de imagens mais conhecido e utilizado em todo o mundo. O software possui recursos de edição e tratamento de fotos e imagens digitais além de possuir funções típicas dos programas vetoriais.
No Photoshop, o designer consegue elaborar layouts, animações e fazer montagem de fotos, além de diversas outras coisas. O software deve ser o primeiro programa a ser conhecido pelos novos web designers. Saber utilizar o Photoshop é essencial para a maioria das demandas.

Link para fazer o download da Versão de Avaliação Photoshop

Adobe Fireworks


É a ferramenta da Adobe desenvolvida para a criação de layouts para a internet. 
O software possui uma interface muito parecida com o Photoshop, o que auxilia 
bastante o aprendizado. O Fireworks cria links, divide imagens e exporta com 
alta qualidade.
O programa trabalha integradamente com outros softwares da Adobe, o que facilita 
o desenvolvimento de projetos. Além disso, o Fireworks cria peças para a web com 
maior facilidade quando comparado com o Photoshop.

Link para fazer o download da  Versão de Avaliação Fireworks

Corel Draw

É um software que tem como finalidade criar imagens vetoriais.
Muito utilizado por iniciantes devido ao seu baixo custo e pela facilidade de uso. 
Atualmente, sua utilização tem sido bastante reduzida graças ao crescimento do 
Illustrator — nossa próxima ferramenta.

Link para fazer o download da  Versão de Avaliação Corel Draw

Adobe Illustrator

É o programa de vetores que possui maior aplicação atualmente. O Illustrator é, 
sem dúvidas, o software mais eficiente de imagens vetoriais.
Ele permite a criação de ilustrações, de layouts, de banners, de cartões, de 
folhetos, dentre diversos outros produtos. Este software tem a vantagem de possuir 
integração com os outros dois programas Adobe apresentados.
 
Link para fazer o download da Versão de Avaliação Adobe Illustrator
 
  
Compartilhar:

Vários Conteudos Para Ajudar Você Design






Vários conteúdos para ajudar você na hora de criar o seu site ou criar sua logo, propaganda etc...





Freepik 
Mais de um milhão de vetores gratuitos, PSD, fotos e ícones gratuitos. Brindes/freebies exclusivos e todos os recursos gráficos que você precisa para seus projetos.


Pixabay 
Mais de 1.173.360 fotos de alta qualidade, ilustrações e gráficos vetoriais. Livre para uso comercial. Nenhuma atribuição necessária.
É o único da lista completamente em português! O Pixabay tem uma excelente navegação, uma barra de pesquisa e está disponível em vários idiomas. Essa mesma pesquisa pode ser feita por “editor”, pelas “últimas fotos” ou por “as mais procuradas”. Além das fotografias, o Pixabay tem também vetores e desenhos que podem ser baixados gratuitamente.


Photopin 
Tal como a opção anterior, o Photopin também permite que você faça uma pesquisa intensa no Flickr. Porém, ele é um pouco mais simples de trabalhar do que o anterior, além de não obrigar o usuário a fazer login na hora de baixar a imagem. Quando fizer uma pesquisa, tenha em atenção que as primeiras imagens são geralmente pagas e têm uma ligação com o Shuterstock. Nada contra, mas como aqui o nosso foco são imagens grátis, aconselho que pesquise sempre na segunda ou na terceira linha para conseguir encontrar imagens grátis.
Compartilhar:

sexta-feira, 13 de outubro de 2017

Curso de Marketing Digital

Curso de Marketing Digital

 

 Com Gustavo Guanabara

Aprenda os fundamentos do Marketing e conheça dicas, ferramentas e termos técnicos do Marketing Digital, nesse curso que faz parte do Curso Grátis de Marketing Digital do Curso em Vídeo, com patrocínio da Hostnet Hospedagem de Sites.

 

Segue o link para acessar o curso Curso de Marketing Digital 

Compartilhar:

Curos de Java Iniciante

Curso de Java

 

O Java é a Linguagem de Programação mais famosa do mundo. Atualmente, encontramos aplicativos Java rodando em computadores, smartphones, tablets, video-games e até mesmo em cartões de crédito e sondas espaciais da NASA. Nesse curso de Java grátis e completo, o professor Gustavo Guanabara vai mostrar como criar aplicativos que utilizem Java para rodar em Desktop. Será usado Java SE 8 com IDE NetBeans e os exemplos serão feitos usando a API Swing, que cria interfaces gráficas atraentes.

Segue o link para o Curso Curso de Java Iniciante 

Compartilhar:

Curso de PHP Gratuito e Com Certificado!


Curso de PHP


Curso completo para quem quer aprender a criar sites utilizando as tecnologias de HTML5 + CSS3 + JavaScript de uma maneira simples e objetiva. O professor Gustavo Guanabara vai mostrar passo-a-passo como criar um site completo utilizando as três principais tecnologias do momento.




Curso oferecido pelo o grande professor Gustavo Guanabara!  excelente didática!! 



Segue o link para que você possa se cadastrar!
CURSO DE PHP-INICIANTE 
Compartilhar:

sábado, 29 de outubro de 2016

Laravel 5

Laravel 5

Instalação

Composer
Inicialmente caso já não o tenha, faça a instalação do composer, o composer é um controlador de dependências, o laravel assim como a maioria dos frameworks atuais o utilizam, o site do composer que pode ser acessado por este link mostra como fazer a instalação.
Criando um novo projeto
O comando abaixo criará um projeto novo do laravel 5 usando o composer e fará a instalação das dependências:
composer create-project laravel/laravel --prefer-dist
Uma vez instalado você verá uma lista de pastas, abaixo coloco uma breve descrição do que existe em cada uma:
app/
Diretório dos arquivos da sua aplicação
bootstrap/
Arquivos de inicialização, são chamados em cada requisição ao servidor
config/
Arquivos de configuração como banco de dados, serviços, etc.
database/
Aqui existem basicamente duas pastas,  “migrations” que guardam os arquivos que fazem as alterações na estrutura do banco, como nome das tabelas, colunas, etc, e “seeds” que seriam arquivos e classes que geram registros no banco de dados, seja para testes ou para possuir informações iniciais de utilização.
public/
São os arquivos públicos do sistema, normalmente é aqui que são colocados os arquivos de imagens, CSS e JS.
resources/
Arquivos de recursos como bibliotecas JS e CSS, arquivos com arrays de traduções de mensagens, normalmente usados numa aplicação multilinguagem e as próprias views do sistema.
storage/
Arquivos de cache, sessões (quando usado armazenamento em arquivo), views compiladas e logs.
tests/
Arquivos de testes do sistema.
vendor/
pasta criada pelo composer para controle e versionamento de bibliotecas.

Configuração

Banco de Dados
O arquivo de configuração de banco de dados está na pasta config/database.php, abrindo esse arquivo você perceberá que ele basicamente retorna um array, o laravel permite a utilização de vários bancos, você pode se conectar e utilizar diferentes conexões para diferentes bancos, inclusive mais de uma, porém para esse tutorial utilizarei apenas o banco mysql, que inclusive vem configurado por padrão.
Neste ponto já se percebe uma mudança de versões anteriores do laravel, os valores de host, database, username, password estão vindo de variáveis de ambiente, isto permite uma maior flexibilidade, pois você pode ter diferentes valores para produção e teste, estas variáveis são carregadas a partir do arquivo “.env” que está localizado na raiz do projeto, apenas observando que no linux todo arquivo que inicia com “.” fica oculto, então se por acaso o arquivo não estiver aparecendo vá ao terminal e na raiz do projeto e execute um “nano .env” que se abrirá o arquivo no nano para edição.
Altere as informações do arquivo .env com as informações do seu banco.
Artisan
O Laravel utiliza o artisan como programa de linha de comando para execução de algumas tarefas digitando o comando abaixo na raiz do projeto você verá diversos comandos possíveis e uma breve explicação do que cada um faz.
php artisan list
A maioria dos comandos é quase autoexplicativa mas não entrarei em grandes detalhes nesse tutorial, como fizemos a configuração do banco de dados no item anterior podemos verificar a instalação com o comando abaixo.
php artisan migrate:install
Este comando criará uma tabela no banco chamada“migrations” que o laravel utiliza para verificar quais migrações foram executadas e quais não, apenas deixando mais claro, na prática uma migração é um arquivo que fica localizado em database/migrations e faz alterações no banco, como criar e alterar tabelas, mudar nomes de bancos, etc, e isto vale para qualquer banco que o laravel tem suporte, você pode por exemplo recriar toda a estrutura do seu banco ou até mesmo atualizá-la de maneira automática, podendo também regredir essas alterações, pois cada migration tem basicamente dois métodos, up e down, que como o nome sugere, o primeiro realiza as alterações e o segundo desfaz, apesar disso ser responsabilidade do programador considero como algo bastante útil quando se está trabalhando com bases em produção pois você conseguirá criar pacotes de atualização e caso ocorra qualquer problema podes desfaze-las.
Após executar o comando a mensagem “Migration table created successfully” deve ser exibida, do contrário, possivelmente algum parâmetro foi passado errado no arquivo “.env.
O Laravel 5 em especial já vem sua parte de autenticação pré-criada, mas para utilizá-la precisamos migrar o servidor para que as tabelas sejam criadas com o seguinte comando:
php artisan migrate
Com isso aparecerá no terminal que duas migrações foram instaladas, a create_users_tables que cria a tabela de usuários, e a create_password_resets_table que cria a tabela de reset de senhas.
Com isso podemos executar o comando seguinte para iniciar o servidor de testes do php por um atalho do artisan
php artisan serve
Acessando o endereço http://localhost:8000, aparecerá a página de bem-vindo do laravel, escrito Laravel 5 num tom quase branco, horrível e de muito mal gosto por sinal, e entrando no endereço http://localhost:8000/home, aparecerá a tela de login e registro padrão, algo que provavelmente você perderia um bom tempo em outros frameworks, vem pronto para ser utilizado aqui.

Compartilhar:

terça-feira, 18 de outubro de 2016

Menu jQuery



mooth Animated Menu



Uma solução pronta a construir ou a utilizar, dependendo da paciência Diferencia-se pelo efeito Rollover criado, assim irá processar-se alguma animação quando passar o rato por este excelente menu.

A Different Top Navigation

– Um Menu desenhado para estar bem no topo da página. O seu maior destaque vai para a forma não habitual com que apresenta o seu dropdown, ou melhor, o seudropup.

OS X Dock/Stack and Drop Menu

– Outra solução com recurso pesado às imagens, mas bastante interactiva. Com um design baseado no Sistema Operativo da Apple com este Menu o icone é “vai sendo ampliado” à medida que o rato se aproxima deste. Este tutorial tem ainda estes dois design’s diferentes (tem também horizontal/vertical), no segundo design o “cesto” guarda as opções até ser clicado.

Circular Menu

– Um menu em circulo com suporte a sub-menus, por defeito funciona inteiramente via ícones e um pequeno texto que aparece no centro.


Vimeo Like Top Nav



– Um menu inspirado no antigo design do portal de partilha de vídeos, onde o pormenar dos cantos tornam-na uma solução diferente.

Compartilhar:

Vídeo do dia

Tags

AdSense Básico CSS Dicas Facebook Favicon Formulário Google + Google+ Hacks HTML Imagens Informações JavaScript jQuery Layout Modelo Navbar Navegador Novidades Outros Postagens Problemas SEO Social Templates Tutoriais Vídeo Widgets Youtube

Arquivos do Blog