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

sexta-feira, 13 de outubro de 2017

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:

sábado, 24 de setembro de 2016

HTML5 DO JEITO CERTO

Excelente curso de HTML5, Professor RobsonV. Leite


Curso de HTML5 - Iniciando a Marcação (Aula 07)


Compartilhar:

quinta-feira, 22 de setembro de 2016

Modelos de Templates

Alguns modelos de Templates!

Em breve estarei postando mais.

Halcyonic




Minimaxing

Compartilhar:

10 dicas que desenvolvedores web iniciantes devem saber





Veja estas 10 dicas para desenvolvedores novatos e comece sua carreira com o pé direito

Se você é um desenvolvedor iniciante, pode ser confuso sobre onde você deve começar no mundo do desenvolvimento web, já que o ramo é amplo e oferece muitas opções de escolha. Há muitas perguntas a serem feitas, tais como “Que linguagem de programação quero aprender?” ou “Eu deveria saber sobre front-end ou apenas back-end?”, e existem, literalmente, centenas de outras.
Mas, para que você não fique tão perdido, esta lista de 10 dicas que desenvolvedores web iniciantes devem saber realmente pode ajudá-lo a iniciar sua carreira como desenvolvedor ou, caso já tenha começado, pode servir de norte para você perceber se realmente escolheu a área certa ou se vai mudar.
Este é um artigo traduzido do original 10 Things Beginner Developers Should Know, do blog1stwebdesigner – e sofreu pequenas adaptações.

Decida quais habilidades você quer

Ao iniciar na carreira de desenvolvedor web, você realmente precisa se concentrar em alguma coisa e aceitar o fato de que não é possível ser um “generalista”. Acredite: mesmo dando muita vontade de atuar em vários e vários campos do desenvolvimento web, isso é impossível! Além do mais, geralmente o mercado valoriza mais um expert numa área do que um “faz tudo web”.
10 coisas que desenvolvedores web iniciantes devem saber: exemplo PHP
Não há nada de errado em querer em ser excelente em vários campos, mas você realmente não poderá fazer isso no começo. O que você pode fazer é centrar seus esforços no aprendizado em uma habilidade e se tornar um perito nesse campo. Pode ser PHP, Ruby, ASP.net ou C #, mas tem que ser bom no que faz… Muito bom! Depois de dominar um deles, você pode seguir em frente, mas não faça isso até que você tenha grande conhecimento nesse campo.
Esta dica também é bom para front-end designers, que sempre começam com HTML e CSS, depois passam para JavaScript, jQuery, AJAX, ou quaisquer outros que estiverem interessados ​. Claro, é possível aprender HTML e CSS ao mesmo tempo, mas isso é porque eles meio que trabalham em conjunto. Você não pode realmente dominar PHP e ASP.net ao mesmo tempo – a menos que você gaste 20 horas de estudos por dia, o que, definitivamente, não é recomendado -, portanto, você tem que adquirir suas habilidades uma a uma.
Mas, já que você é um novato e, provavelmente, não deve saber muito sobre linguagens de programação hardcore, escolher uma área para começar pode ser complicado, mas há uma solução: pense no que você quiser desenvolver: se for temas para WordPress, então seu caminho é o PHP; se for sistemas de gestão personalizados, tente ASP.net; jogos de iPhone, aprender C# e assim por diante.
Basta pesquisar um pouco sobre o que cada linguagem pode fazer e começar a aprender. E, neste caminho, você certamente vai aprender que é possível fazer as mesmas coisas usando diferentes linguagens…

Aprenda direito

Outra dica para novatos é, independentemente da linguagem que você escolher, aprenda direito! Se você aprender HTML codificando layouts com tabelas, isso não é nada certo – e eu tenho certeza que outros especialistas concordam comigo. Codificar usando os mais recentes padrões da web parece inútil para alguns, mas é realmente importante e é altamente recomendado a aprender assim, já que isso não vai só melhorar a velocidade de carregamento de seus projetos, mas também será mais fácil e fará mais sentido.

Google é o seu melhor amigo

10 coisas que desenvolvedores web iniciantes devem saber: Google é seu amigoRealmente não importa que tipo de problema que você tem, estou certo de Google pode resolvê-lo (na maioria dos casos, pelo menos).
Fóruns de programação são altamente recomendados, também, mas, antes de postar uma pergunta em algum fórum, tente buscar uma solução no Google porque, na maioria das vezes, você vai encontrar uma resposta para sua pergunta – ou, pelo menos, uma resposta que irá guiá-lo para resolver a questão.

Analise o código alheio

Isso vale principalmente para designers, mas, às vezes, desenvolvedores têm conhecimentos de design de front-end e fazem seus próprios layouts antes de começar a codificá-los. É importante olhar outros sites para entender como eles são codificados. Se você gosta de algum estilo ou elemento de um site, olhe para o código fonte e o analise! O Firebug funciona maravilhosamente bem nestes casos. Esta é a maneira pela qual a maioria das pessoas aprende a codificar.
O que não é aconselhado é roubar o design do alheio. Isso é imperdoável e digno de um “Que deselegante!”, além de mostrar uma falta de respeito e tremenda falta de profissionalismo, mas, geralmente, a comunidade de desenvolvedores não vê maiores problema em “pegar emprestado” alguns trechos de código (caso isso não infrinja alguma lei ou patente, claro).
Portanto, fica a “regrinha”: você pode até copiar algum código aqui e ali – este é o caminho para aprender a fazer as coisas – mas nunca roube um design!

Entre numa rede de conhecimentos

Outra coisa importante é participar de uma rede dentro de seu campo de conhecimento. Nunca é demais conhecer outros desenvolvedores e designers. Um cenário não muito interessante é você ter que voltar trás e buscar coisas no Google; um cenário melhor é você ter discussões interessantes e poder obter ajuda através de discussões com pessoas da mesma área. Você pode até colaborar com seu colegas desenvolvedores em projetos maiores, o que, quase sempre, é bom para todos os envolvidos.
Você está perto de conseguir um projeto mas não tem certeza se você pode lidar com o tipo de trabalho solicitado? Recomende um de seus colegas desenvolvedores! Ele(s) provavelmente irá(ão) executar o trabalho melhor do que você – se for(em) especialista(s) nessa área específica – e você pode fechar algum tipo de parceria em algum momento futuro. Faça parte de uma rede e a mantenha ativa e sempre por perto. Há sempre a demanda por um desenvolvedor que esteja “ao redor”.
A própria ideia de tradução deste artigo surgiu no grupo de discussão html5-css3-brasil e viu como isso foi uma boa coisa?  ;-)

Entenda os designers

É altamente aconselhável que você compreenda os designers, caso não tem ideia de como eles trabalham. E isso vale tanto para designers gráficos quanto para front-end designers.
É sempre bom para aprender como eles trabalham e porque eles podem entregar páginas estáticas que realmente não correspondem aos mais recentes padrões da web. Aprenda a conversar com eles e explicar o que está errado e saber pedir para corrigir seus próprios erros. Dessa forma, sua relação de trabalho será mais próxima e o resultado bem melhor.

Use ferramentas profissionais

10 coisas que desenvolvedores web iniciantes devem saber: usar ferramentas profissionais
Apesar de HTML e CSS poderem ser feitos até com o Bloco de Notas, isso não é recomendado. E, se isso não é aconselhado para HTML e CSS, é igualmente desaconselhado para PHP, ASP.net ou Ruby. Trabalhe com ferramenta profissionais como EclipseAptanaNetBeans ou outra qualquer, mas use o que os profissionais usam, caso contrário você não será um deles!
Esse tipo de ferramenta verifica erros, tem autocomplete e dá sugestões durante a codificação. Há uma razão pela qual Eclipse e NetBeans são 2 dos IDEs (Integrated Development Environment ou Ambiente de Desenvolvimento Integrado) mais usados no mundo: eles fazem o trabalho em grande estilo!
Então comece a trabalhar agora, mesmo, com alguma ferramenta profissional, caso ainda não o tenha feito!

Deixe as coisas legais por último

Cada linguagem tem a sua própria “versão cool”. Por exemplo, HTML tem HTML5, CSS tem CSS3, JavaScript e AJAX tem jQuery e assim por diante. É muito melhor se você aprender a linguagem básica e depois estudar mais até chegar no estágio cool. E, também, as coisas “cool” trabalham a partir dos elementos básicos, então você não será capaz de desenvolver e entender um controle deslizante com jQuery se você não compreender o JavaScript básico.

Mantenha-se informado e atualizado

10 coisas que desenvolvedores web iniciantes devem saber: mantenha-se atualizado
É sempre bom se manter informado e atualizado sobre o que está acontecendo no mundo do desenvolvimento web, em especial da(s) área(s) que você atua. Você pode fazer isso através da leitura de feeds, livros “de verdade”, blogs e screencasts. Fique atualizado e certifique-se de que você é um dos primeiros a oferecer produtos desenvolvidos com a tecnologia mais recente.
No começo, pode não funcionar muito (as pessoas podem querer manter o “velho” até que as novas tecnologias mostrem seu valor), mas, certamente, também há aquelas pessoas que querem ter um produto totalmente novo, desenvolvido com as mais recentes tecnologias – e isto lhe dará uma vantagem e fará você conhecido no ramo.

Continue com o processo de aprendizagem

Depois de se tornar um especialista no campo que escolheu, trilhe seu caminho rumo ao aprendizado de outras linguagens e/ou áreas de atuação. Fique de olho aberto nas linguagens mais importantes e aprenda aquelas que julgar serem as mais interessantes. Quando você domina duas, vá para a terceira e assim por diante.
E continue até  que não haja muito mais para aprender – embora, como já foi dito, isso seja impossível. Este é o caminho para o sucesso!

Conclusão

É bastante comum que desenvolvedores iniciantes passem por tempos difíceis neste campo profundo do desenvolvimento web, mas estas dicas servem justamente para ajudar que cada um encontre seu caminho.
Nem sequer importa muito por onde começar, tudo o que importa é você comece! Isso geralmente é o que leva mais tempo, então não desperdice estes dias preciosos e comeceagora a estudar e a desenvolver a web!  ;-)
Fonte:http://desenvolvimentoparaweb.com/miscelanea/10-dicas-desenvolvedores-web-iniciantes-devem-saber/


Compartilhar:

Aprenda CSS3

CURSO DE CSS3




Apostila

A apostila de CSS, utilizada no curso, pode ser utilizada livremente.

Programa do curso

  1. O que é CSS
  2. Seletores complexos
  3. Gradiente
  4. Columns
  5. Transform
  6. Transições e animações
  7. Bordas
  8. Múltiplos backgrounds
  9. Módulo Template Layout
  10. Cores
  11. Paged media
  12. @font-face
  13. Presentation-levels

Documentos do W3C

Listas de discussão



Fonte:http://www.w3c.br/Cursos/CursoCSS3
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