Links Úteis para Alunos de Desenvolvimento Web
Minhas Novidades e Canais
- Newsletter - cadastre-se para receber as novidades
- https://subscribepage.io/Cbbrnewsletter
- Computer Buddy BR
- http://adrianacerdeira.info/
- Perfil Udemy
- https://www.udemy.com/user/adrianacerdeira
- Cupons de Desconto
-
A nova política de cupons da Udemy não permite mais criar cupons vitalícios, eles agora têm validade de no máximo 30 dias. Por isso, minha estratégia de cupons foi alterada. Para ficar por dentro e continuar recebendo os cupons com as promoções de 5 dias com melhor preço, por favor inscreva-se no Newsletter.
No meu site, os links são sempre para os cupons. Então você sempre terá acesso aos cupons acessando os cursos pelo link dos Cursos Online.
Mídia Social
- Grupo de Alunos meus no Facebook
- https://www.facebook.com/groups/computerbuddybr - Junte-se e troque ideias com outros alunos e fique sabendo dos novos cursos
- Página no Facebook
- @ComputerBuddyBR - Siga e fique sabendo das novidades
- Página no Twitter
- @ComputerBuddyBR - Siga e fique sabendo das novidades
Canais de Vídeo com Live
Stock de Animações
- Shutterstock
- https://www.shutterstock.com/g/Adriana+Cerdeira?utm_medium=email&utm_source=ctrbreferral-link
- Adobe Stock - Menos opções neste devido à política Adobe
- https://stock.adobe.com/contributor/208358500/Adriana%20Cerdeira
Ambiente de Trabalho
Editores de texto
- Notepad++
- https://notepad-plus-plus.org/
- Sublime Text
- https://www.sublimetext.com/
- VSCode Online
- https://vscode.dev/
- VSCode Download
- https://code.visualstudio.com/
- Brackets
- http://brackets.io/
- Codepen - Teste seus sites
- https://codepen.io
- JSBin - Teste seus sites
- https://jsbin.com/
- Ambiente de teste de código PHP online
- https://www.runphponline.com/
- Codewars - Pratique programação
- https://www.codewars.com
Navegadores
- Chrome
- https://www.google.com/chrome/
- Chrome Canary
- https://www.google.com/chrome/canary/
- Firefox
- https://www.mozilla.org/pt-BR/firefox/
- Firefox Developer
- https://www.mozilla.org/pt-BR/firefox/channel/desktop/
Documentação e Aprendizagem
- Tabless
- https://tableless.com.br - Dicas de CSS e de diagramação de sites sem usar tabelas
- Site do Maujor
- http://www.maujor.com - O Maujor é um craque da Web e dá umas dicas e explicações muito boas
- Documetação Mozilla Developer Network
- https://developer.mozilla.org/pt-BR/docs/Tools
- Stack Overflow
- https://pt.stackoverflow.com - Plataforma de comunidade para fazer perguntas e dar respostas
- DevDocs
- https://devdocs.io - Documentação de vária linguagens
- HTML5Doctor
- http://html5doctor.com - Dicas ótimas e posts com notícias
- World Wide Consortium
- https://www.w3.org
- W3 Schools
- https://www.w3schools.com - Documentação
- Can I Use
- https://caniuse.com
- Referência para o atributo rel
- Tipos de links para o atributo rel: https://developer.mozilla.org/pt-PT/docs/Web/HTML/Tipos_de_hiperligacao
- Referência para códigos Unicode e HTML Dec Code
- Alt-Codes: https://www.alt-codes.net/music_note_alt_codes.php
- Lista Incompleta de tipos MIME
- https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/MIME_types/Complete_list_of_MIME_types
- Zen Garden
- http://csszengarden.com
- ECMAScript 2019
- https://www.ecma-international.org/ecma-262/10.0/index.html
Histórico de Sites
- Way Back Machine - Para ver histórico de sites
- http://web.archive.org
Para atributos de Idiomas
- Tabela com os códigos de Idiomas Lingoes
- http://www.lingoes.net/en/translator/langcode.htm
- Tabela com os códigos de Idiomas Para baixar
- https://gist.github.com/JamieMason/3748498
Validadores para testar sites:
- Web Vitals
- https://web.dev
- Validador página Google
- https://developers.google.com/speed/pagespeed/insights
- Velocidade da página - Google
- https://developers.google.com/speed/pagespeed/insights
- Bom para Mobile - Google
- https://search.google.com/test/mobile-friendly
- Testador de Sites
- https://testmysite.withgoogle.com
- Validador de página W3C
- https://validator.w3.org/ - HTML Validation service
- Teste Google para sites
- https://testmysite.thinkwithgoogle.com/intl/pt-br
Geradores
- Gerador de Box Shadow
- https://www.cssmatic.com/box-shadow
- Gerador de Gradiente
- https://cssgradient.io
- Gerador de texto - Lorem Ipsum
- http://lipsum.com/
- Gerador de imagem - Lorem Pixel
- http://lorempixel.com/
- Gerador de favicon - Favicon.cc
- https://www.favicon.cc/
- Gerador de favicon - Favicon-generator
- https://www.favicon-generator.org/
- Gerador de prefixos - Autoprefixer
- https://autoprefixer.github.io/
Fontes
- Descobrir que fonte é de uma imagem
- https://www.myfonts.com/WhatTheFont
- Google Fonts
- https://www.google.com/fonts
- Fontawesome - fonte de ícones
- https://fontawesome.com/?from=io
Bancos de Imagens
Grátis:
- Pixabay
- http://pixabay.com
- Pexels
- http://pexels.com
- Unsplash
- http://unsplash.com
- Freeimages
- https://pt.freeimages.com
Pagos:
- Bigstockphoto
- https://www.bigstockphoto.com/pt
- iStockphoto
- https://www.istockphoto.com/br
- Adobe Stock
- https://stock.adobe.com
- Depositphotos
- https://pt.depositphotos.com
- Shutterstock
- https://www.shutterstock.com
- Offset
- https://www.offset.com
- Flaticon
- https://www.flaticon.com
- Freepik
- https://www.freepik.com
Cores
- Explicação W3C Contraste de Cores para Acessibilidade
- https://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast-contrast.html
- Disco de Cores Adobe
- https://color.adobe.com
- Tabelas de cores com nome
- https://www.quackit.com/css/css_color_codes.cfm
- Paletas de Cores
- https://colorhunt.co/
- Extensão para capturar cor para Chrome e Firefox
- http://colorzilla.com
- Gerador de Gradientes Colorzilla
- http://www.colorzilla.com/gradient-editor
Frameworks
- Bootstrap
- https://getbootstrap.com/
- Foundation
- https://foundation.zurb.com
- jQuery
- https://jquery.com/
Hospedagem e FTP
- Github
- https://github.com/features#hosting/
- Core FTP
- http://www.coreftp.com/
- Filezilla
- https://filezilla-project.org/
Ferramentas de Desenvolviento JS
- Tabela de Compatibilidade JS
- http://kangax.github.io/compat-table/es6/
- Babel - polyfilling
- https://babeljs.io/
- HTML5 please - polyfilling
- https://html5please.com/
- Polyfill - Crie polyfill para JavaScript
- https://polyfill.io/
Lista de Comandos para Linha de Comandos
- Referência Windows para Prompt de Comando
- https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/windows-commands
- Lista dos comandos mais usados Prompt de Comando com explicação
- https://devcontent.com.br/artigos/windows/principais-comandos-prompt
- Lista de comandos do terminal Mac ou Linux
- https://www.hostinger.com.br/tutoriais/comandos-linux
- Lista de comandos do terminal Mac ou Linux
- https://www.livrosdelinux.com.br/tabela-de-comandos/
- Diferenças do Shell Bash no Linux para o Mac OS X
- https://terminalroot.com.br/2017/04/diferencas-do-shell-bash-no-linux-para-o-mac-os-x.html
JSON para testar AJAX
- JSON Test - transforma várias funcionalidades em JSON
- http://teamaqua.github.io/JSONTest/
- JSON Placeholder - Objetos JSON para testar AJAX
- https://jsonplaceholder.typicode.com/
- Random User - Um API para a geração de dados de usuários aleatórios para teste
- https://randomuser.me/