Skip to content
/ all-awesomes Public

Todas as listas awesomes que encontrei mais outros similares Links de projetos, ideias sobre projetos, livros de programação grátis, linguagens de programação, PHP, Laravel, etc

ribafs.github.io

License

MIT license
67 stars 9 forks Branches Tags Activity
Star
Notifications You must be signed in to change notification settings

ribafs/all-awesomes

BranchesTags

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

127 Commits
LICENSE
LICENSE
 
 
README.md
README.md
 
 

Repository files navigation

All Awesomes

Todos os awesomes que encontrei, mas alguns favoritos que precisam estar aqui. Gostei tanto da ideia que estou atualizando com frequẽncia.

Uma lista impressionante/awesome das listas impressionantes de links de projetos, ideias sobre projetos, livros de programação grátis, linguagens de programação, PHP, Laravel, redes, linux, hardware, etc. Tem até link para a criação de um sistema operacional.

Se você está sem ideia de como criar um projeto gaste um tempinho navegando entre estes links e provavelmente será inspirado por alguns dos projetos citados. Assim como também existem muitos livros gratuitos sobre programação e muitos projetos criados com PHP, Laravel e outras linguagens e frameworks. Boa fonte de inspiração. Divirta-se.

Sugestões

  • 1 - Percorra os links que te interessarem nesta página num dia em que não esteja muito ocupado, para assim poder aproveitar toda a riqueza de informações
  • 2 - Tecle Ctrl+F para encontrar algo com mais facildiade

Índice

  • Jogos
  • Livros Free
  • Vagas
  • Conversão
  • Ideias para Projetos
  • Diversos
  • Cursos Gratuitos e Pagos
  • API
  • Segurança
  • Laravel
  • Frontend
  • HTML 5
  • CSS
  • JavaScript
  • React
  • jQuery
  • PHP
  • Padrões de Projeto
  • SQL - MySQL e PostgreSQL
  • CakePHP
  • Docker
  • Tools
  • Catálogo de profissionais
  • Bancos de dados de imagens
  • Criação de Jogos Mobile

Jogos - Criação

LivrosFree

https://github.com/wilsonfreitas/online-books

https://github.com/EbookFoundation/free-programming-books

Vagas

https://github.com/backend-br/vagas

https://github.com/frontendbr/vagas

https://github.com/qa-brasil/vagas

https://github.com/brasil-php/vagas/issues

https://github.com/topics/vagas-para-desenvolvedores

Conversão

https://sqlizer.io/csv-to-mysql/#/ - Converte CSV para SQL (MySQL, PostgreSQL e SQL Server)

Ideias para Projetos

- https://github.com/rezaamini-ir/awesome-github

https://itsourcecode.com/free-projects/php-project/php-projects-source-code-free-downloads/

https://www.freecodecamp.org/portuguese/news/40-projetos-em-javascript-para-iniciantes-ideias-simples-para-comecar-a-programar-em-js/

https://github.com/florinpop17/app-ideas - Ideias para projetos iniciante, intermediário e avançado

https://www.florin-pop.com/blog/2019/09/100-days-100-projects/

https://github.com/florinpop17/100Days100Projects

https://blog.guilhermebranco.com.br/quanto-cobrar/

https://gist.github.com/msurguy/8590765 - Lista de projetos open source com Laravel

https://blog.fabricadeaplicativos.com.br/empreendedorismo/10-dicas-para-entrar-no-bilionario-mundo-dos-aplicativos/

https://gist.github.com/ribafs/0303499618d4819dbe88e667ef054a1b

https://www.codewars.com

https://github.com/florinpop17/app-ideas

https://nevonprojects.com/php-projects-topics-ideas/

https://nevonprojects.com/ - Diversas áreas

https://codeshoppy.com/index.html

https://www.phptpoint.com/projects/php-project-list/

https://www.kashipara.com/project/topics/latest_php-project-ideas_2

https://www.kashipara.com/project/category/download_php-project-source-code_2

https://freeprojectsforall.com/best-php-project-ideas-2018/

http://www.projectjugad.com/php-project-ideas/

https://phpgurukul.com/

https://phpgurukul.com/php-projects-free-downloads/

https://www.freeprojectz.com/projects/php-project-ideas

https://github.com/sindresorhus/awesome

Diversos

https://github.com/arthurspk/guiadevbrasil

https://github.com/abhisheknaiidu/awesome-github-profile-readme

https://github.com/akitaonrails/awesome-linux

https://github.com/jagracey/Awesome-Unicode - A curated list of delightful Unicode tidbits, packages and resources.

https://github.com/github/gitignore - A collection of useful .gitignore templates

https://github.com/the-benchmarker/web-frameworks - Benchmark de frameworks web

https://github.com/nomanoff/emoji-shortcodes-for-markdown - Emojis para o Github README.md

http://cep.la/baixar - CEPs de até 2018

https://tiny-helpers.dev/

https://github.com/trimstray/the-book-of-secret-knowledge

https://github.com/areknawo/awesome-productivity-software

https://github.com/pazguille/offline-first

https://github.com/cyrilbois/awesome-json

https://github.com/cyrilbois/bookmarks

https://github.com/cyrilbois/Best-websites-a-programmer-should-visit

https://github.com/cyrilbois/awesome-sqlite

https://github.com/cyrilbois/Awesome (windows)

https://github.com/cyrilbois/awesome-tech

https://github.com/cyrilbois/the-book-of-secret-knowledge

https://github.com/cyrilbois/AwesomeCSV

https://github.com/cyrilbois/awesome-bookmarks

https://fiddles.io/

https://github.com/cyrilbois/awesome-network-automation

https://github.com/cyrilbois/awesome-python

https://github.com/cyrilbois/my-links

https://github.com/MunGell/awesome-for-beginners - A list of awesome beginners-friendly projects

https://github.com/botman/awesome-botman

https://aggregatedawesome.com/

https://github.com/ribafs/free-programming-books

https://github.com/ziadoz/awesome-php

https://github.com/ribafs/build-your-own-x - Faça você mesmo (tecnologia, até um sistema operacional)

https://github.com/ribafs/the-art-of-command-line

https://github.com/kamranahmedse/developer-roadmap - Roadmap to becoming a web developer in 2020

https://github.com/camilatigre/listamaravilhosaopensource

Cursos Gratuitos e Pagos

https://github.com/Kamilahsantos/conteudo-gratuito

https://jornadadodev.com.br/cursos

https://pt-br.classpert.com/

API

https://github.com/cyrilbois/Awesome-Api-Management-Tools

https://github.com/cyrilbois/api-development-tools

https://github.com/cyrilbois/awesome-api-tools

https://github.com/public-apis/public-apis

Segurança

https://github.com/infoslack/awesome-web-hacking

https://cheatsheetseries.owasp.org/Glossary.html - Acho que a OWASP é a maior referência em segurança na web

https://github.com/cyrilbois/Security_list

Laravel

-https://github.com/livewire/awesome-tall-stack

-https://benjamincrozat.com/laravel-versions

-https://github.com/benjamincrozat/Laravel-Open-Source-Projects

https://github.com/LaravelDaily/laravel-tips

https://gist.github.com/msurguy/8590765 - List of open source projects made with Laravel

https://github.com/alexeymezenin/laravel-best-practices

https://projectworlds.in/laravel-projects/

http://artesaos.github.io/laravel-br-awesome/

https://github.com/ribafs/Laravel-Open-Source-Projects

https://github.com/chiraggude/awesome-laravel

https://github.com/TimothyDJones/awesome-laravel

https://github.com/unnawut/awesome-laravel

https://github.com/chiraggude/awesome-laravel

https://awesomerank.github.io/lists/chiraggude/awesome-laravel.html

https://spatie.be/open-source/projects

https://aggregatedawesome.com/laravel

https://libraries.io/github/acacha/awesome-laravel

https://github.com/ribafs/lang

https://laravelarticle.com/laravel-user-activity

https://github.com/mateusjunges/laravel-time-helpers

https://github.com/artesaos/seotools

Frontend

Web development tutorials

W3C School Tutoriais

Eloquent Javascript - livro free em pt-br http://braziljs.github.io/eloquente-javascript/

Tutoriais HTML Dog: HTML, CSS e JS

Os 16 Melhores Sites de Desenvolvimento Web da Atualidade

Aprendizado online

HTML5 Tutorial | Wideskills

Welcome - The complete HTML5 tutorial

https://github.com/cyrilbois/useful-frontend

https://github.com/cyrilbois/Web-Design-Resources

https://github.com/cyrilbois/frontend-tools

https://frontendmasters.com/books/front-end-handbook/2019/

https://github.com/cyrilbois/List-of-Free-Online-Tools-For-Front-end-Web-Development

https://github.com/cyrilbois/resources-3

https://github.com/cyrilbois/Front-End-Web-Development-Resources

https://github.com/thedaviddias/Front-End-Checklist

HTML5

https://github.com/diegocard/awesome-html5 - A curated list of awesome HTML5 resources

CSS

https://aggregatedawesome.com/awesome-css

https://github.com/awesome-css-group/awesome-css

JavaScript

https://github.com/sorrycc/awesome-javascript - A collection of awesome browser-side JavaScript libraries, resources and shiny things

https://gist.github.com/ericelliott/d576f72441fc1b27dace/0cee592f8f8b7eae39c4b3851ae92b00463b67b9 - Essenciais links sobre JavaScript

https://github.com/elsewhencode/project-guidelines

https://ribafs.github.io/javascript/

https://aggregatedawesome.com/vuejs

https://aggregatedawesome.com/react-native

https://aggregatedawesome.com/react

https://aggregatedawesome.com/nodejs

Games

https://project-awesome.org/leereilly/games

React

https://github.com/enaqx/awesome-react

jQuery

https://aggregatedawesome.com/jquery

PHP

https://github.com/skoro/awesome-php

Tutoriais

Snippets

Bons cursos grátis, alguns com certificado

https://digitalinnovation.one/

https://www.cursoemvideo.com/course/php-basico/

https://www.cursou.com.br/informatica/programacao/php/

https://portalidea.com.br/curso-gratuito-php

https://suporteninja.com/curso-de-php-gratis-apache-mysql-php-certificado-reconhecido-pelo-mec/

https://www.learncafe.com/cursos/curso-de-php-7-e-mysqli

https://www.portalgsti.com.br/cursos/curso-gratuito-php/

https://upcursosgratis.com.br/curso-online-gratis/php-iniciante

https://upcursosgratis.com.br/curso-online-gratis/php-basico

https://upcursosgratis.com.br/curso-online-gratis/php

https://gyncursos.com.br/course/curso-de-php-7/

https://www.learncafe.com/cursos-gratis (diversos cursos)

Outros

https://cpjur.com.br/gratis/

https://novaescola.org.br/conteudo/108/cursos-gratuitos-online

Cursos gratuitos no Youtube

Curso completo de PHP - 28 aulas

https://www.youtube.com/playlist?list=PLhUp81I0jET71gMTWy50cpAYHrWnVnYlA

João Ribeiro

Introdução à programação de computadores - 4 aulas

https://www.youtube.com/watch?v=Cm_IPWIO-_Y&list=PLXik_5Br-zO8n54GSDrEQFVpvshtx0VKh

HTML e CSS 3 - 123

https://www.youtube.com/watch?v=-QfBuXJA6p8&list=PLXik_5Br-zO8xs9cnO4gOQs56bAUuzFBc

Javascript - 87

https://www.youtube.com/watch?v=S4-JHDnFckI&list=PLXik_5Br-zO_nquZ_Q4bqByd39Zx13DWk

CSS - 46

https://www.youtube.com/watch?v=Z0i1UBvya2U&list=PLXik_5Br-zO_zRmIlRskvXS3cLwq21II3

Bootstrap - 44 aulas

https://www.youtube.com/watch?v=l8adVbacfcY&list=PLXik_5Br-zO9pxSxRtgESquGT2OhR3o8B

PHP Iniciação - 78

https://www.youtube.com/watch?v=J-Jr9e57vMo&list=PLXik_5Br-zO8k6B-mP_udfaQZKXfhOgkv

PHP Intermediário e avançado - 156

https://www.youtube.com/watch?v=srXS-zIYPkI&list=PLXik_5Br-zO8u5mCnTdAxGuUBbhUM9fa6

PHP 8 - 61 aulas

https://www.youtube.com/watch?v=iDEuQjITm0E&list=PLXik_5Br-zO9Z8l3CE8zaIBkVWjHOboeL

PHP 8 do jeito certo - 69

https://www.youtube.com/watch?v=jVUeF7cZdFE&list=PLXik_5Br-zO9wODVI0j58VuZXkITMf7gZ

PHP boas práticas - 41

https://www.youtube.com/watch?v=krQj4stNu5U&list=PLXik_5Br-zO_5EGPG6_u-u0hVI_f_ThO_

PHP Web Store - 104 aulas

https://www.youtube.com/watch?v=gJz1yBqKHtM&list=PLXik_5Br-zO-tsUy1lTPB8dnPGBu8n0Ee

Laravel - 103

https://www.youtube.com/watch?v=0T5gM1WRNsY&list=PLXik_5Br-zO893qVjjP7a4qg4NYrl33w1

Laravel 7 e 8 - 104

https://www.youtube.com/watch?v=1nPkIjIXe3E&list=PLXik_5Br-zO9xlSwhhEDUGF81M5mgMUFQ

Git Básico - 6

https://www.youtube.com/watch?v=3DdO-4p61ZA&list=PLXik_5Br-zO_mAJllNIF5K_ujRgnrHinr

SQL - 30

https://www.youtube.com/watch?v=MbSrybMeqq8&list=PLXik_5Br-zO_AmBmDlMR0j89Hd-qP9hkY

Bases de dados - 24

https://www.youtube.com/watch?v=qZgWQ1Wv4VM&list=PLXik_5Br-zO8CHcmCMTQsmN5Hf3FBTW2B

Wordpress - 23

https://www.youtube.com/watch?v=kaRrI2rQAxA&list=PLXik_5Br-zO-RF-Vkj0NXtcvQukCP5xPc

Como criar videogames - 82

https://www.youtube.com/watch?v=Tw2zsRhItXA&list=PLXik_5Br-zO-oJvHLxSkC3Vd4En0KGADt

PHP: MySQL Database Tutorial

PHP Tutorial - An Ultimate Guide for Beginners

Tutoriais diversos

Ferramentas

https://aggregatedawesome.com/php

https://github.com/restoreddev/phpapprentice

https://designpatternsphp.readthedocs.io/en/latest/README.html

https://github.com/ziadoz/awesome-php - A curated list of amazingly awesome PHP libraries, resources and shiny things

https://github.com/neiesc/awesome-minimalist - A curated list of awesome minimalist frameworks (simple and lightweight)

https://github.com/ziadoz/awesome-php - PHPAwe

http://www.etelg.com.br/paginaete/downloads/informatica/apostila_php.pdf

https://www.academia.edu/9136301/Apostila_do_Curso_de_PHP_Orientado_a_Objetos

Padroes de Projeto

https://refactoring.guru/pt-br/design-patterns

https://designpatternsphp.readthedocs.io/en/latest/README.html

https://designpatternsphp.readthedocs.io/pt_BR/latest/README.html

https://refactoring.guru/pt-br/design-patterns/php

https://github.com/webfatorial/PadroesDeProjetoPHP

https://github.com/PHPSP/php-the-right-way - PHP do jeito certo

http://br.phptherightway.com/

SQL - MySQL e PostgreSQL

https://github.com/michaljuhas/SQL-training-advanced - Advanced SQL with MySQL & PostgreSQL

https://github.com/cyrilbois/awesome-sql

CakePHP

https://github.com/FriendsOfCake/awesome-cakephp - A curated list of amazingly awesome CakePHP plugins, resources and shiny things

https://github.com/FriendsOfCake/awesome-cakephp resources and shiny things

https://github.com/FriendsOfCake/awesome-cakephp - Relação de Plugins

https://github.com/FriendsOfCake/awesome-cakephp - resources and shiny things

https://github.com/FriendsOfCake/awesome-cakephp - A curated list of amazingly awesome CakePHP plugins, resources and shiny things

https://getawesomeness.herokuapp.com/get/cakephp - CakePHP | getAwesomeness()

https://aggregatedawesome.com/cake-php

Docker

https://github.com/wsargent/docker-cheat-sheet

https://github.com/eon01/DockerCheatSheet

https://github.com/brainhack101/docker-cheat-sheet

https://github.com/gliterd/docker-cheat-sheet

https://github.com/sudheerj/docker-cheat-sheet

https://github.com/drminnaar/cheatsheets/blob/master/docker-cheatsheet.md

https://github.com/therandomsecurityguy/docker-cheat-sheet

https://github.com/WSMathias/docker-cheat-sheet

https://gist.github.com/martinbuberl/5de2effea36e5a2c2d5c6ef394d13467

https://gist.github.com/bradtraversy/89fad226dc058a41b596d586022a9bd3

https://gist.github.com/Marak/63f437e3946805f6473a

https://redhatspain.com/cheatsheets/

https://www.bogotobogo.com/DevOps/Docker/Docker-Cheat-Sheet.php

https://www.atlassian.com/git/tutorials/atlassian-git-cheatsheet

http://dockercheatsheet.painlessdocker.com/

https://www.threatstack.com/blog/50-useful-docker-tutorials-for-it-professionals-from-beginner-to-advanced

Tools

Desenhar plantas de casa online

https://github.com/cyrilbois/awesome-links

https://github.com/cyrilbois/awesome-web-dev-resources

https://github.com/cyrilbois/resources-2

https://github.com/cyrilbois/resources-1

https://github.com/cyrilbois/resources

https://github.com/cyrilbois/useful-tools

https://github.com/cyrilbois/useful-dev-tools

https://github.com/cyrilbois/development-resources

https://github.com/cyrilbois/Useful-Softwares-Tools-list

https://github.com/cyrilbois/awesome-rest

https://github.com/cyrilbois/awesome-devtools

https://github.com/cyrilbois/awesome-online-ide

https://github.com/cyrilbois/awesome-web-online-tools

https://github.com/JefMari/awesome-wysiwyg

https://github.com/jansenfelipe/cnpj-gratis

https://github.com/jansenfelipe/cpf-gratis

https://github.com/jansenfelipe/cep-gratis

https://github.com/jansenfelipe/cidades-gratis

https://www.keycdn.com/blog/web-development-tools

https://github.com/agarrharr/awesome-static-website-services

https://github.com/leocavalcante/my-awesome-frontend - Links de Frontend do Leo

https://github.com/sindresorhus/awesome-electron - Useful resources for creating apps with Electron

https://fontawesome.com/icons - Icons | Font Awesome

https://mdbootstrap.com/docs/jquery/content/icons-list - Bootstrap free Font Awesome icons

https://github.com/therebelrobot/awesome-bootstrap - Awesome - A curated list of amazing Bootstrap tools and themes

https://github.com/fasouto/awesome-dataviz - A curated list of awesome data visualization libraries and resources

https://github.com/tanure/youtube-br-desenvolvimento - Repositório de canais no Youtube BR sobre desenvolvimento

https://github.com/aloisdg/awesome-regex - A curated collection of awesome Regex libraries, tools, frameworks and software

https://www.upwork.com/

Bancos de dados de imagens

catálogo com busca

https://pixabay.com/photos/

Mais de 90.000 imagens de fundo

https://pixabay.com/images/search/background/

Criação de Jogos Mobile

https://project-awesome.org/leereilly/games

Scratch - Scratch 1.4 download

Expo - Mobile online (criador de apps)

React Native · A framework for building native apps using React

Tutorial - Criar jogo em javascript e html 5

Desenvolvendo um jogo completo com HTML, JavaScript e Phaser JS (13 aulas)

100 Engines Mobile mais populares

Lojas Virtuais

Crie uma loja virtual completa e sem mensalidade - minestore (online)

Diversos

https://project-awesome.org/ - Curated list of awesome lists

Lista com links de projetos open-source para varios níveis

Contribuindo em projetos open source com o github - Artigos sobre HTML, JavaScript, CSS e desenvolvimento web

Melhor lista de discussão sobre informática em geral - Stack Overflow - Where Developers Learn, Share, & Build Careers

Bootstrap

A Simple Bootstrap Tutorial | Toptal

Bootstrap Themes Free

Meu primeiro site

http://www.oocities.org/ribafs/ (veja a data :) 22 anos atraz)

Stackoverflow

Em português

Em inglês

Outros

W3schools

Sites de Trabalho/FreeLancer

Cursos Gratuitos, alguns com certificado

Lógica de programação

HTML

CSS

JavaScript

PHP

Bancos de Dados

Livros Free

Cursos

Cursos em vídeo grátis

CURSOS GRÁTIS ONLINE - Certificados em 01 Minuto.

Aulas particulares e Professores para aulas particulares no Brasil

Vários

Scripts pagos

PChart http://pchart.sourceforge.net/

Gráfico de Gantt http://bastianallgeier.com/gantti/

http://nielse63.github.io/php-image-cache/

Manipulação de imagens

http://wideimage.sourceforge.net/ http://imagine.readthedocs.org/en/latest/ http://phpimageworkshop.com/ http://phpthumb.sourceforge.net/

Gerenciamento de erros

Esta classe utiliza o User-agent para detectar se a sua página está rodando em um computador ou em um dispositivo móvel. http://mobiledetect.net/

Utilize essa classe para identificar o país de origem do acesso a partir do IP. http://lpt.mirrors.phpclasses.org/package/2363-PHP-Lookup-the-country-of-a-given-IP-address.html

Ler e escrever no MS Office com PHP

Ferramenta excelente para envio de e-mail no PHP. http://swiftmailer.org/

Ferramenta para filtrar HTML http://htmlpurifier.org/

PHP Web Store - 73 aulas

https://www.youtube.com/watch?v=gJz1yBqKHtM&list=PLXik_5Br-zO-tsUy1lTPB8dnPGBu8n0Ee

https://github.com/ribafs/loja-virtual-php

https://github.com/PHPOffice/PhpSpreadsheet

https://github.com/PHPOffice/PHPWord

https://github.com/stavarengo/php-sigep

https://github.com/clemdesign/phpgeo

Redes sociais open source e em PHP

https://www.humhub.com/en

http://dzineblog.com/top-10-open-source-platforms-that-allow-you-to-build-your-own-social-network/

Listar diretórios - https://github.com/halgatewood/file-directory-list

Multi checkbox - https://www.onlyxcodes.com/

Micro PHP benchmark library - https://github.com/devster/ubench

Algumas ferramentas Produtivas e Confortáveis para Desenvolvimento Web

Compressor de CSS

https://csscompressor.com/

Gerador web de dados fake para bancos de dados

https://github.com/ribafs/generatedata

https://github.com/benkeen/generatedata

https://css3clickchart.com/

http://csslint.net/

https://drublic.github.io/css-modal/

http://mattkersley.com/responsive/

Repositório de pacotes NodeJS

https://www.npmjs.com/

Grupos de PHP no FB

https://www.facebook.com/groups/rapaduradopoder/

https://www.facebook.com/groups/142151625841770/about/

https://www.facebook.com/groups/nao.tem.biscoito/

Inglês

https://www.facebook.com/groups/2322832835/

https://www.facebook.com/groups/2204685680/

Extensões Navegadores

*Sempre utilize as ferramentas que te proporcionem o maior desempenho e conforto para melhorar a produtividade. Como existe uma grande quantidade de opções, tanto comerciais quanto gratuitas,então experimente várias, leia comentários e tutoriais, assim como forums e grupos da área, onde usuários falam sobre algumas destas ferramentas. É útil seguir uma recomendação de alguém que já testou, pois evita que precisemos testar muitos, mas mesmo assim precisamos experimentar pois pode ser que nosso gosto não seja igual ao dele.

WebMaker

https://webmakerapp.com/app/

A melhor forma que encontrei para ensinar HTML, CSS e JavaScript foi usando o editor WebMaker, que é uma ferramenta do tipo online, que atualmente chamamos de Cloud

O WebMaker tem uma extensão para o Chrome

https://chrome.google.com/webstore/detail/web-maker/lkfkkhfhhdkiemehlpkgjeojomhpccnh

Veja e experimente, para ver se também gosta. Sempre que criar um arquivo HTML num editor ou IDE precisará abrir o navegador para ver como o navegador entende o seu código. Mas no WebMaker assim que você está digitando o código ele já vai te mostrando o resultado.

Recomendo que sempre que for criar um exemplo use o WebMaker para criar, especialmente quando você ainda estiver iniciando seu aprendizado.

Existem vários outros similares online:

https://jsfiddle.net/ - precisa clicar em Run

https://codepen.io/pen/ - automático E vários outros (procure assim: "jsfiddle alternatives")

Uma outra vantagem do WebMaker é que seu código fonte é aberto (open source) e free e está aqui para baixar: https://github.com/chinchang/web-maker

Faça o download e execute em qualquer pasta do seu desktop. Simplesmente abra o index.html. Debugando o Código CSS e JavaScript

Encontrar error no CSS e no JavaScript pode ser bem trabalhoso. Mas uma empresa criou uma extensão originalmente para o Firefox e que depois foi portada para todos os principais anvegadores. Era o Firebug. Ela era tão importante que atualmente todos os navegadores o incorporaram e já vem com ele, mas agora chama-se Inspetor no Chrome Inspecionar Elemento no Firefox e no Opera

Altamente recomendável o uso da ferramenta Inspetor que existe praticamente em todos os navegadores mais populares. Clique com o botão direito em qualquer área da tela e Inspecionar Elemento ou tecle Q (no Firefox) Navegadores

Estes precisam de uma atenção toda especial do programador frontend, pois são eles quem processam HTML, CSS e JavaScript. O código de programação FrontEnd não precisa de um servidor, como o Apache, IIS ou outro, ele é processado diretamente pelo navegador. E cada navegador tem algumas peculiaridades que precisamos conhecer quando estamos programando "na unha", ou seja, criando nós mesmos o código.

Na prática, no dia a dia das empresas geralmente não se programa assim, diretamente com o HTML, CSS e javaScript, mas se utiliza um framework que facilita o trabalho do programador, pois já traz muita coisa pronta para usar e lidam muito bem com estas diferenças entre os navegadores e outros importanes recursos. Existem um cuidado muito especial que precisamos tomar quando criamos um site atualmente, que é o de tornar a visitação agradável e similar seja qual for o dispositivo usado para acessar o site, um computador desktop com monitor pequeno, um com monitor grande, um notebook, um tablet ou um smartphone. Cada um destes tem um tamanho de tela diferente e se criarmos o site em um computador desktop com um monitor bem grande e sem nos preocupar com este aspecto, quando nosso site for visitado por alguém com um smartphone ele verá somente uma pequena parte da página inicial do site e precisará ficar rolando a tela para visualziar cada parte que falta. Dá um certo trabalho criar na unha um site chamado responsivo, ou seja, que se adapta automaticamente para caber de forma idêntica em qual dispositivo. Já os frameworks modernos todos já vem com este recurso.

Porque esta preocupação? Vocês já devem saber porque. É qua a maioria dos visitantes de site atualmente está acessando os sites com um smarthphone. Então se ele não tiver uma experiência agradável ao visitar seu site dificilmente ele voltará e sempre criamos sites com o objetivo de ser o mais visitados possível para que o resultado do nosso trabalho seja bem sucedido.

Ferramentas recomendadas

Estas são as minhas preferidas, mas você sabe que gosto cada um tem o seu, então procure outros, experimente e decida qual se adapta melhor a você.

Todos para Windows

Editor de código

Simples mas importante - Notepad++ - https://notepad-plus-plus.org/

Médio - Bluefish - https://www.bennewitz.com/bluefish/stable/binaries/win32/ (baisempre a última versão estável, o maior número)

Com muitos recursos - Visual Studio Code ou VSCode - https://code.visualstudio.com/ IDEs (mais recursos ainda)

NetBeans 9 da Apache - https://www.apache.org/dyn/closer.cgi/incubator/netbeans/incubating-netbeans-java/incubating-9.0/incubating-netbeans-java-9.0-bin.zip (Requer Java 9)

NetBeans 8.2 da Oracle, criado pela Sun - https://netbeans.org/downloads/ Baixa o Download x64 da coluna HTML5/JavaScript

Eclipse para JavaScript https://www.eclipse.org/downloads/packages/release/indigo/sr2/eclipse-ide-javascript-web-developers

Existem muitos outros. Experimentalguns até se sentir confortável e produtivo e bom divertimento. :)

Executar PHP online:

Executar JavaScript, CSS e HTML, jQuery, BootStrap, etc online:

TextToSpeech

http://www.voicerss.org/

agrant - http://vagrantup.com

Recomendações

Existem dois recursos que são muito importantes e que costumam ser deixados em segundo plano pelos programadores:

  • Projeto
  • Banco de dados

Para que o sistema/aplicativo seja eficiente não fique se repetindo um projeto inicial ajuda a criar pelo menos um roteiro sólido

Quando ao banco de dados, precisa criar cada tabela cuidando de cada campo, usando as restrições adequadas. Importantes são as chaves primárias, as estrangeiras, as constraints como not null, unique, etc. Basicamente precisa relacionar todas as tabelas, mas não obrigatoriamente. Finalmente atente para o SGBD a ser usado. Em geral usamos o MySQL para tudo, mas existe outro muito bom SGBD livre que é o PostgreSQL. Então veja a característica do projeto e use o mais adequado.

Quanto ao aplicativo, código em si (backand) pode ser feito na unha ou usando um framework. Eu sugiria um bom framework, pois assim ele já aplica para vocês diversas boas práticas e padrões estabelecidos, sem contar que oferece uma grande e sólida estrutura, equipe e comuunidade por trás. Boa sorte!

http://snippi.com/ - Guardar snippets na nuvem

https://codepen.io/#

https://www.learn-php.org/

Gerenciador de tarefas

https://www.wunderlist.com/pt/

https://www.meistertask.com/pt

Virtualbox+Git+Vagrant

O que é JavaScript?

https://developer.mozilla.org/pt-BR/docs/Learn/JavaScript/First_steps/O_que_e_JavaScript

Cursos

https://play.google.com/store/apps/details?id=com.py.learn

https://www.codecademy.com/pt-BR

https://br.codecombat.com/

Testar site em vários navegadores

https://www.browseemall.com/

Comunicação

https://slack.com/

Diagramas de fluxo

https://mockflow.com/

Criar mapas mentais

https://www.mindmeister.com/pt

Cloud IDE

HTML, CSS e JavaScrip

Servidor tipo VPS

Projetos pequenos ou médios

Grandes projetos

Paleta de cores online

http://paletton.com

Editar e executar várias linguagens online: c, c++, c#, php, phython, ruby, nodejs, ajva, javascript, etc

https://ideone.com/

Validação do W3C

https://validator.w3.org/

Gerador de mapa de sites

https://support.google.com/webmasters/answer/156184?hl=pt-BR

Livros Free

https://goalkicker.com/

Universo PHP

https://www.youtube.com/watch?v=0RFUVxuY2tM

Livros de PHP

PHP Programando com Orientação a Objetos - 4ª Edição

https://www.amazon.com.br/Php-Programando-com-Orienta%C3%A7%C3%A3o-Objetos/dp/8575226916/ref=sr_1_1?__mk_pt_BR

Aprendendo PHP: Introdução amigável à linguagem mais popular da web

https://www.amazon.com.br/Aprendendo-PHP-Introdu%C3%A7%C3%A3o-amig%C3%A1vel-linguagem-ebook/dp/B07S36441H/ref=as_li_ss_tl?__mk_pt_BR

PHP & MySQL: Server-Side Web Development

https://www.amazon.com.br/PHP-MySQL-Server-side-Web-Development/dp/1119149215/ref=as_li_ss_tl?__mk_pt_BR

PHP Moderno: Novos Recursos e Boas Práticas

https://www.amazon.com.br/PHP-Moderno-Novos-Recursos-Pr%C3%A1ticas/dp/857522428X/ref=as_li_ss_tl?__mk_pt_BR

PHP Para Quem Conhece PHP: Recursos Avançados Para a Criação de Websites Dinâmicos

https://www.amazon.com.br/Conhece-Recursos-Avan%C3%A7ados-Websites-Din%C3%A2micos/dp/8575225901/ref=as_li_ss_tl?__mk_pt_BR

Use A Cabeça! PHP e MySQL

https://www.amazon.com.br/Use-Cabe%C3%A7a-MySQL-Lynn-Beighley/dp/857608502X/ref=as_li_ss_tl?__mk_pt_BR

PHP Objects, Patterns, and Practice

https://books.google.com.br/books?id=1JkQAwAAQBAJ&printsec=frontcover&hl=pt-BR&source=gbs_ge_summary_r&cad=0#v=onepage&q&f=false

Em português não conheço muitos, mas posso lhe sugerir alguns em inglês:

1 - PHP 5 Advanced - Larry Ullman

2 - Object-Oriented PHP - Concepts Techniques and Code - Peter Lavin

3 - PHP 5 Power Programming - (Andi Gutmans, Stig Bakken, Derick Rethans)

4 - PHP Object Oriented Solutions - David Powers

5 - PHP Objects Patterns and Practice - Matt Zandstra

6 - Professional PHP5 (Programmer to Programmer) - (Edward Lecky-Thompson, Heow Eide-Goodman, Steven D. Nowicki, Alec Cove)

7 - The PHP Anthology Volume I Foundations - Harry Fuecks

8 - PHP Reference - Beginner to Intermediate PHP 5 - Mario Lurig

9 - Practical Web 2.0 Applications With PHP - Quentin Zervaas https://forum.imasters.com.br/topic/460319-h%C3%A1-algum-livro-que-ensine-o-conteudo-e-tenha-exerc%C3%ADcio-em-php/?tab=comments#comment-1822580

  1. “O poder dos quietos”

Profissionais de TI são comumente associados à timidez e introspecção, e é nesse sentido que o livro de Susan Cain pode ser uma excelente fonte de inspiração para que os introspectivos entendam sua força e a utilizem como combustível para tirar vantagens de sua personalidade. Com sólidos argumentos e extensa pesquisa, Susan contesta os ideais de extroversão seguidos pelo mundo e pelo mercado de trabalho — que subvalorizam os tímidos e introvertidos —, apresentando histórias reais de pessoas com essas características que conquistaram o sucesso. Barack Obama, Albert Einstein, Steven Spielberg e Bill Gates são só alguns dos exemplos de grandes profissionais considerados pessoas quietas.

  1. “Engenharia de Software: uma abordagem profissional”

O livro escrito por Roger S. Pressman é líder de mercado há muitos anos e considerado um abrangente guia sobre a área de Engenharia de Software. Apesar de seu subtítulo indicar abordagem profissional, sua linguagem é simples e didática e busca atingir também os estudante de Tecnologia da Informação, que ainda estão se ambientando com os processos da área.

Combinando aspectos teóricos com observação de aplicações práticas, o livro aborda assuntos como produção de software e modelagem e arquitetura de projetos, além de questões voltadas para os gestores, como gestão de projetos e gestão de qualidade.

  1. “Big Data: como extrair volume, variedade, velocidade e valor da avalanche de informação cotidiana”

A obra aborda a força dessa grande tendência que é o Big Data — recente descoberta sobre o intenso volume de dados que são gerados a cada segundo — e de que forma isso pode impactar na ciência, economia e na sociedade como um todo.

Os autores e especialistas Viktor Mayer-Schonberger e Kenneth Kukier explicam o que é o Big Data e de que maneira isso vai alterar nossas vidas e nossa maneira de pensar, além de alertarem sobre as ameaças que geram, como o fim da privacidade, por exemplo, e o que podemos fazer para nos protegermos. De maneira clara e surpreendente os exemplos e debates abordados vão inspirar você a querer entender ainda mais sobre a recente revolução de dados.

  1. “Use a cabeça! Programação”

Essa obra de Paul Barry e David Griffiths apresenta os conceitos básicos da escrita de programas de computador, abordando variáveis, condicionais, laços, objetos e funções, por meio de conceitos, exemplos práticos e exercícios nas linguagens Phyton, versátil e dinâmica. O livro é ideal para quem não tem experiência em programação e deseja iniciar seu contato com a área de forma didática e prática. Após a leitura você será capaz de aplicar os conceitos em qualquer linguagem ou projeto, para poder escrever programas de acordo com seu interesse.

  1. “O verdadeiro valor de TI”

Escrito por Richard Hunter e George Westerman, o livro é baseado em uma pesquisa feita pelo Massachusetts Institute of Technology (MIT) e pela Gartner sobre práticas adotadas por executivos bem-sucedidos de gestão de TI, relatando de que forma eles conseguiram gerar valor para seus negócios na área. Os autores mostram como os executivos estão agindo para transformar a percepção da diretoria em relação à TI. A ideia é fazer com que a área deixe de ser vista como um centro de custos e se torne centro de competitividade e valor, com a finalidade de contribuir para o negócio como um todo.

  1. “Os 11 segredos de líderes de TI altamente influentes (The 11 secrets of highly influential IT leaders)”

Marc J. Schiller reúne nessa obra experiências e aprendizados de seus mais de 25 anos de carreira, trazendo importantes insights para operações do dia a dia e para a tomada de decisão estratégica.

A obra é considerada um mapa do sucesso para que profissionais da área de TI — de aspirantes a gestores — possam alcançar seus objetivos e ter uma carreira de sucesso, utilizando o poder que a influência tem no mundo corporativo. Exemplos reais sobre transformações individuais e de grupos servem como um guia prático e tangível para quem quer trilhar um caminho de sucesso na área.

  1. “Implantando a governança de TI”

O livro de Aguinaldo Aragon Fernandes e Vladimir Ferraz de Abreu apresenta uma visão integrada sobre a área de Governança de TI, explicando de forma detalhada as etapas para sua implementação, desde o alinhamento estratégico da TI ao negócios, elaboração de Portfólio e modelos de relacionamento, até a gestão de desempenho e valor.

Os autores analisam mais de 30 modelos de práticas que podem ser aplicadas aos processos de TI, considerando suas características e benefícios. Outro ponto abordado é o impacto de novas tecnologias sobre a Governança de TI, com cases reais de pequenas e médias empresas. A leitura destes livros para profissionais de TI é uma valiosa ferramenta para quem deseja entrar na área ou se capacitar para crescer profissionalmente e alcançar o sucesso. Os livros proporcionam um contato com conhecimentos enriquecedores e histórias que podem ser fonte de inspiração para sua jornada na carreira em TI. Procure manter-se sempre informado sobre o que acontece de novo na sua área e invista em educação, seja por meio de livros, cursos ou certificações. Seu conhecimento será um importante diferencial competitivo e impulsionará sua carreira e sua realização profissional.

No Github

Usuários Mais seguidos

https://github.com/search?o=desc&q=followers%3A%3E%3D1000&ref=searchresults&s=followers&type=Users

Maiores desenvolvedores por linguagem

http://git-awards.com/users

http://git-awards.com/users?utf8=%E2%9C%93&type=world&language=php

https://github.com/gayanvoice/top-github-users

https://github.com/gayanvoice/top-github-users/blob/main/markdown/public_contributions/brazil.md

Usuários mais ativos no Github do Brasil

https://commits.top/brazil.html

Onde tirar dúvidas online

https://medicoresponde.com.br/medico-online-para-tirar-duvidas/

https://profes.com.br/tira-duvidas/portugues/

http://www.professoronline.net/log-in/

https://tireduvidasfisica.webnode.com.br/

Pagos

https://profes.com.br/aulas-particulares/online/

https://www.superprof.com.br/

https://profes.com.br/

About

Todas as listas awesomes que encontrei mais outros similares Links de projetos, ideias sobre projetos, livros de programação grátis, linguagens de programação, PHP, Laravel, etc

ribafs.github.io

Topics

javascript css html api php laravel tools frontend cakephp bookmark joomla favoritos

Resources

Readme

License

MIT license
Activity

Stars

67 stars

Watchers

5 watching

Forks

9 forks
Report repository

Releases

No releases published

Packages

No packages published