├── images ├── design │ ├── diagramacao.jpg │ ├── font-moods.jpg │ ├── font-psychology.jpg │ ├── tipografia-basica.jpg │ ├── escolhendo-a-cor-ideal.jpg │ └── visual-hierarchy-blocks.jpg ├── research │ ├── google-hack.jpg │ └── google-power-user.jpg ├── html │ └── seo-ranking-factors.jpg └── jobs │ ├── 51-freelance-websites.jpg │ └── 200-ways-to-make-money-online.jpg └── README.md /images/design/diagramacao.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/juunegreiros/utilities/HEAD/images/design/diagramacao.jpg -------------------------------------------------------------------------------- /images/design/font-moods.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/juunegreiros/utilities/HEAD/images/design/font-moods.jpg -------------------------------------------------------------------------------- /images/research/google-hack.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/juunegreiros/utilities/HEAD/images/research/google-hack.jpg -------------------------------------------------------------------------------- /images/design/font-psychology.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/juunegreiros/utilities/HEAD/images/design/font-psychology.jpg -------------------------------------------------------------------------------- /images/design/tipografia-basica.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/juunegreiros/utilities/HEAD/images/design/tipografia-basica.jpg -------------------------------------------------------------------------------- /images/html/seo-ranking-factors.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/juunegreiros/utilities/HEAD/images/html/seo-ranking-factors.jpg -------------------------------------------------------------------------------- /images/jobs/51-freelance-websites.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/juunegreiros/utilities/HEAD/images/jobs/51-freelance-websites.jpg -------------------------------------------------------------------------------- /images/research/google-power-user.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/juunegreiros/utilities/HEAD/images/research/google-power-user.jpg -------------------------------------------------------------------------------- /images/design/escolhendo-a-cor-ideal.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/juunegreiros/utilities/HEAD/images/design/escolhendo-a-cor-ideal.jpg -------------------------------------------------------------------------------- /images/design/visual-hierarchy-blocks.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/juunegreiros/utilities/HEAD/images/design/visual-hierarchy-blocks.jpg -------------------------------------------------------------------------------- /images/jobs/200-ways-to-make-money-online.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/juunegreiros/utilities/HEAD/images/jobs/200-ways-to-make-money-online.jpg -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Utilidades 2 | 3 | Tendo como base o incrível [developer roadmap](https://github.com/kamranahmedse/developer-roadmap) e o [frontend handbook](https://frontendmasters.com/books/front-end-handbook/2018/) 4 | 5 | ## Índice 6 | 7 | 8 | 1. [HTML](#html) 9 | 2. [CSS](#css) 10 | 3. [GIT](#git) 11 | 4. [Terminal (Linha de Comando)](#terminal-linha-de-comando) 12 | 5. [HTTP](#http) 13 | 6. [Lógica de Programação](#lógica-de-programação) 14 | 7. [Javascript e frameworks](#javascript) 15 | 8. [Testes](#testes) 16 | 9. [Editores de Texto](#editores-de-texto) 17 | 10. [Design e layout](#designlayout) 18 | 11. [Eventos e palestras](#eventos-e-palestras) 19 | 12. [Cursos, desafios e exercícios](#cursos-desafios-e-exercicios) 20 | 13. [Freelas e jobs](#freelas-e-jobs) 21 | 14. [APIs e ideias](#apis-e-ideias) 22 | 15. [Outros](#outros) 23 | 16. [Pesquisa](#pesquisa) 24 | 17. [Código online](#codigo-online) 25 | 18. [Canvas](#canvas) 26 | 19. [Programação Funcional](#Programação-Funcional) 27 | 28 | 29 | ## HTML 30 | 31 | * [HTML Tutorial - htmldog](http://www.htmldog.com/guides/html/) *inglês* 32 | 33 | Um tutorial bem bacana de HTML ordenado em básico, intermediário e avançado. 34 | 35 | * [HTML Cheatsheet - digital](https://digital.com/tools/html-cheatsheet/) *inglês* 36 | 37 | Folha de cola bem bonitinha e com exemplos bem legais. 38 | 39 | * [HTMLcheatsheet](https://htmlcheatsheet.com/) *inglês* 40 | 41 | Folha de cola bem completa e reduzida. 42 | 43 | * [HTML Tags](https://html-css-js.com/html/tags) *inglês* 44 | 45 | Lista de tags HTML. 46 | 47 | * [Markup Validator](http://validator.w3.org/) *inglês* 48 | 49 | Revisa o seu HTML. 50 | 51 | * [Character Codes](https://html-css-js.com/html/character-codes/) *inglês* 52 | 53 | Lista de como fazer caracteres especiais no HTML. 54 | 55 | * [Bad HTML](https://badhtml.com/bad-html-tag-practices-wrong-code/) *inglês* 56 | 57 | Lista de práticas ruins. É um site bem intencionalmente bem feio, mas com muito conteúdo. 58 | 59 | ### Acessibilidade 60 | 61 | ### SEO 62 | 63 | * [O que é SEO?](https://marketingdeconteudo.com/o-que-e-seo/) *português* 64 | 65 | Bastante conteúdo sobre SEO, dividido em tópicos. 66 | 67 | * [SEO Ranking factors](./images/html/seo-ranking-factors.jpg) - [no pinterest](https://br.pinterest.com/pin/446560119294536259/) *inglês* 68 | 69 | ## CSS 70 | 71 | * [CSS Tutorial - htmldog](http://www.htmldog.com/guides/css/) *inglês* 72 | 73 | Um tutorial bem bacana de HTML ordenado em básico, intermediário e avançado. 74 | 75 | * [Maujor](http://www.maujor.com/) *português* 76 | 77 | Site com muuuuuuito conteúdo (não só de CSS!) 78 | 79 | * [CSS Tricks](https://css-tricks.com/) *inglês* 80 | 81 | Site com muito conteúdo de CSS. 82 | 83 | * [CSS Cheatsheet - Toptal](https://www.toptal.com/css/css-cheat-sheet) *inglês* 84 | 85 | Folha de cola reduzida da Toptal. 86 | 87 | * [CSS Generator](http://css3generator.com/) *inglês* 88 | 89 | Simulador de algumas propriedades do css. 90 | 91 | * [You might not need javascript](http://youmightnotneedjs.com/) *inglês* 92 | 93 | Coisas que você consegue fazer sem usar javascript, apenas com css. 94 | 95 | * [A beginners guide to pure css images](https://medium.com/coding-artist/a-beginners-guide-to-pure-css-images-ef9a5d069dd2) *inglês* 96 | 97 | Texto bem bacana ensinando a desenhar com CSS. 98 | 99 | * [Flexbox Cheat Sheet](http://jonibologna.com/content/images/flexboxsheet.pdf) *inglês* 100 | 101 | Folha de cola de flexbox, feito todo com desenhos bonitinhos. 102 | 103 | * [Flexbox Froggy](https://flexboxfroggy.com/) 104 | 105 | * [CSS Grid Garden](https://cssgridgarden.com/) 106 | 107 | ### Responsividade 108 | 109 | * [Introdução ao design responsivo](https://tableless.com.br/introducao-ao-responsive-web-design/) *português* 110 | 111 | * [Mobile First](https://uxdesign.blog.br/mobile-first-ou-boas-raz%C3%B5es-para-investir-em-mobile-94defd3100e8) *português* 112 | 113 | * [5 coisas que aprendi em um projeto mobile first](https://brasil.uxdesign.cc/5-coisas-que-aprendi-em-um-projeto-mobile-first-responsive-design-para-o-google-cb9c3223c51e) *português* 114 | 115 | * [Google Mobile Friendly](https://search.google.com/test/mobile-friendly) *inglês* 116 | 117 | Ferramenta do google que verifica o quão responsiva sua página está. 118 | 119 | ### Pré-processadores 120 | 121 | * [An introduction to preprocessors](https://htmlmag.com/article/an-introduction-to-css-preprocessors-sass-less-stylus) *inglês* 122 | 123 | * [SASS](https://sass-lang.com/) *inglês* 124 | 125 | * [LESS](http://lesscss.org/) *inglês* 126 | 127 | * [Stylus](http://stylus-lang.com/) *inglês* 128 | 129 | * [CSS Modules](https://github.com/css-modules/css-modules) *inglês* 130 | 131 | ### CSS Framework 132 | 133 | * [Bootstrap](https://getbootstrap.com/) *inglês* 134 | 135 | * [Semantic UI](https://semantic-ui.com/) *inglês* 136 | 137 | ### CSS Architecture 138 | 139 | * [OOCSS - Object Oriented CSS](http://oocss.org/) *inglês* 140 | 141 | * [OOCSS - Tableless](https://tableless.com.br/oocss-ou-css-do-jeito-certo/) *português* 142 | 143 | * [Afinal, como escrever css?](https://tableless.com.br/oocss-smacss-bem-dry-css-afinal-como-escrever-css/) *português* 144 | 145 | * [BEM Introduction](http://getbem.com/introduction/) *inglês* 146 | 147 | Metodologia utilizada para nomenclatura de classes no CSS. 148 | 149 | * [Airbnb Styleguide](https://github.com/airbnb/css) *inglês* 150 | 151 | ## GIT 152 | 153 | * [Github Student Pack](https://education.github.com/pack/offers) *inglês* 154 | 155 | Tenha acesso a conta premium do github DE GRÁTIS (se for estudante). 156 | 157 | * [Plano para estudar git e github enquanto aprende programação](https://medium.com/trainingcenter/plano-para-estudar-git-e-github-enquanto-aprende-programa%C3%A7%C3%A3o-f5d5f986f459) *português* 158 | 159 | * [Git - the simple guide](http://rogerdudler.github.io/git-guide/) *português* 160 | 161 | * [Github: do clone ao pull request](https://blog.da2k.com.br/2015/02/04/git-e-github-do-clone-ao-pull-request/) *português* 162 | 163 | * [Oh shit git!](http://ohshitgit.com/) *inglês* 164 | 165 | Caso algo não saia como o planejado, aqui tem um compilado de links úteis que podem te salvar. Tudo é reversível, nada está perdido! 166 | 167 | * [Antes e depois das minhas mensagens de commit](https://code.likeagirl.io/antes-e-depois-das-minhas-mensagens-de-commit-1ad8cc288d05) *português* 168 | 169 | * [Github](http://github.com) *inglês* 170 | 171 | * [Gitlabl](https://gitlab.com/) *inglês* 172 | 173 | * [Bitbucket](https://bitbucket.org/) *inglês* 174 | 175 | ## Terminal (Linha de Comando) 176 | 177 | * [Iniciando na linha de comando](https://tutorial.djangogirls.org/pt/intro_to_command_line/) *português* 178 | 179 | * [Command line](https://www.davidbaumgold.com/tutorials/command-line/) *inglês* 180 | 181 | * [Configurando zsh no linux](https://www.howtoforge.com/tutorial/how-to-setup-zsh-and-oh-my-zsh-on-linux/) *inglês* 182 | 183 | * [Oh my zsh](https://ohmyz.sh/) *inglês* 184 | 185 | ## HTTP 186 | 187 | * [HTTP Status](https://httpstatuses.com/) *inglês* 188 | 189 | * [HTTP Status Dog](https://httpstatusdogs.com/) *inglês* 190 | 191 | ### API 192 | 193 | * [Conectar com api apenas com javascript](https://www.taniarascia.com/how-to-connect-to-an-api-with-javascript/) 194 | 195 | * [Axios](https://github.com/axios/axios) *inglês* 196 | 197 | Ferramenta que facilita as requisições 198 | 199 | ## Lógica de Programação 200 | 201 | ## Javascript 202 | 203 | * [Eloquent Javascript](http://eloquentjavascript.net/) 204 | 205 | Livro importantíssimo (e já com es6!) e de fácil leitura para quem está começando a se aventurar com javascript. 206 | 207 | * [Javascript es6+ Cheatsheet](https://devhints.io/es6) 208 | 209 | * [Javascript Info](https://javascript.info/) 210 | 211 | Tutorial, com exemplos, de conceitos importantes de javascript com es6. 212 | 213 | * [Jquery to vanillajs](http://codeblog.cz/vanilla/traversal.html#find-descendants-in-single-element) 214 | 215 | Para quem está migrando do jquery para o javascript, aqui fala como fazer com javascript o que se fazia com jquery. 216 | 217 | * [You might not need jquery](http://youmightnotneedjquery.com/) 218 | 219 | * [Char codes](https://www.cambiaresearch.com/articles/15/javascript-char-codes-key-codes) 220 | 221 | * [Smells](https://sourcemaking.com/refactoring/smells) 222 | 223 | ### Frameworks 224 | 225 | #### React 226 | 227 | * [Reactjs.org](https://reactjs.org/) 228 | 229 | * [Create react app](https://github.com/facebook/create-react-app) 230 | 231 | Te ajuda a criar um app, tirando algumas preocupações (como instalação de babel e outras coisas) da sua mão. Bem útil para quem está começando também. 232 | 233 | * [React Icons](https://github.com/react-icons/react-icons) 234 | 235 | * [React Grid](https://github.com/roylee0704/react-flexbox-grid) 236 | 237 | ##### Redux 238 | 239 | ##### Mobx 240 | 241 | #### Vue.js 242 | 243 | * [21 ui libraries para Vue.js](https://hackernoon.com/21-top-vue-js-ui-libraries-for-your-app-4556e5a9060e?gi=e895e24f0106) 244 | 245 | ##### Vuex 246 | 247 | #### Angular 248 | 249 | ##### Rx.js 250 | 251 | ##### ngrx 252 | 253 | #### JQuery 254 | 255 | ### Plugins 256 | 257 | ## Package Managers 258 | 259 | * [ASDF](https://github.com/asdf-vm/asdf) 260 | 261 | ## Ferramentas para Build 262 | 263 | * [Babel](https://babeljs.io/) 264 | 265 | Javascript compiler. 266 | 267 | * [Instalando babel e outras coisas](https://medium.com/javascript-scene/how-to-use-es6-for-isomorphic-javascript-apps-2a9c3abe5ea2) 268 | 269 | ### Task runners 270 | #### NPM Scripts 271 | 272 | #### Gulp 273 | 274 | ### Linter 275 | 276 | * [ESLint](https://eslint.org/) 277 | 278 | #### Webpack 279 | 280 | ## Testes 281 | 282 | * [Mocha.js](https://mochajs.org/) 283 | 284 | Ferramenta de testes para javascript. 285 | 286 | * [Sinon.js](http://sinonjs.org/) 287 | 288 | Ferramenta de testes para javascript. 289 | 290 | * [Jest.js](https://jestjs.io/) 291 | 292 | Ferramenta do facebook para testes para javascript. 293 | 294 | * [Enzyme](https://github.com/airbnb/enzyme) 295 | 296 | Ferramenta para auxílio nos testes em React. 297 | 298 | * [Protractor] 299 | 300 | * [Karma] 301 | 302 | ## Progressive Web Apps 303 | 304 | ## Static Type Checkers 305 | 306 | ### Typescript 307 | ### Flow 308 | 309 | ## Editores de Texto 310 | 311 | * [Atom](https://atom.io/) 312 | * [Sublime](https://www.sublimetext.com/3) 313 | * [VsCode](https://code.visualstudio.com) 314 | * [Vim](https://www.vim.org/) 315 | 316 | ## Design/Layout 317 | 318 | * [Building blocks of visual hierarchy](./images/design/visual-hierarchy-blocks.jpg) - [no pinterest](https://br.pinterest.com/pin/446560119292571062/) *inglês* 319 | 320 | * [Diagramação](./images/design/diagramacao.jpg) - [no pinterest](https://br.pinterest.com/pin/446560119293351009/) 321 | 322 | ### Cores 323 | 324 | * [Colorzilla](http://www.colorzilla.com/) *inglês* 325 | 326 | Plugin que mostra cores usadas na página. 327 | 328 | * [Adobe Color](https://color.adobe.com/pt/) *português* 329 | 330 | Crie e salve a sua própria paleta de cores. 331 | 332 | * [Coolors](https://coolors.co/app) *inglês* 333 | 334 | Aperte espaço para gerar uma paleta nova de cores <3 335 | 336 | * [Color hunt](https://colorhunt.co/) *inglês* 337 | 338 | * [Bada55 - cores maneiras](http://bada55.io/) *inglês* 339 | 340 | Cores legais votadas pela comunidade. 341 | 342 | * [Ui Gradients](https://uigradients.com/) *inglês* 343 | 344 | * [Movies in color](http://moviesincolor.com/) *inglês* 345 | 346 | Paleta de cores retiradas de cenas de filmes. 347 | 348 | * [Teoria das Cores](https://www.chiefofdesign.com.br/teoria-das-cores/) *português* 349 | 350 | * [Color theory design](https://blog.hubspot.com/marketing/color-theory-design) *inglês* 351 | 352 | * [Como escolher a cor ideal para o seu negócio?](./images/design/escolhendo-a-cor-ideal.jpg) - [no pinterest](https://br.pinterest.com/pin/446560119294536272/) *português* 353 | 354 | ### Tipografia 355 | 356 | * [Tipografia básica](./images/design/tipografia-basica.jpg) - [no pinterest](https://br.pinterest.com/pin/446560119292528268/) *português* 357 | 358 | * [Guia sobre tipografia](https://www.chiefofdesign.com.br/tipografia/) *português* 359 | 360 | * [Font Moods](./images/design/font-moods.jpg) - [no pinterest](https://br.pinterest.com/pin/446560119294490790/) *inglês* 361 | 362 | * [Font Psychology](./images/design/font-psychology.jpg) - [no pinterest](https://br.pinterest.com/pin/446560119294490763/) *inglês* 363 | 364 | * [Google Fonts](https://fonts.google.com/) *inglês* 365 | 366 | * [1001 fonts](https://www.1001fonts.com/) *inglês* 367 | 368 | * [Webfont Generator](https://www.fontsquirrel.com/tools/webfont-generator) *inglês* 369 | 370 | * [Font Pair](https://fontpair.co/) *inglês* 371 | 372 | Trás boas combinações de fontes do Google Fonts. 373 | 374 | * [Fontface ninja](https://fontface.ninja/) *inglês* 375 | 376 | Plugin que fala quais fontes estão sendo utilizadas na página. 377 | 378 | * [Fontstruct](https://fontstruct.com/) *inglês* 379 | 380 | Crie, compartilhe e faça o download de fontes. 381 | 382 | * [Fontflame](http://app.fontflame.com/) *inglês* 383 | 384 | Tinder para fontes 385 | 386 | ### Inspiração 387 | 388 | * [Pinterest](https://br.pinterest.com/) *português* 389 | 390 | * [Dribbble](https://dribbble.com) *inglês* 391 | 392 | * [CSS Winner](http://www.csswinner.com/) *inglês* 393 | 394 | * [CSS Design Awards](https://www.cssdesignawards.com/) *inglês* 395 | 396 | * [Awwwards](https://www.awwwards.com/) *inglês* 397 | 398 | * [The FWA](https://thefwa.com/awards/) *inglês* 399 | 400 | * [One page love](https://onepagelove.com) *inglês* 401 | 402 | * [Behance](https://www.behance.net/) *inglês* 403 | 404 | * [Site inspire](https://www.siteinspire.com/) *inglês* 405 | 406 | * [Uplabs](https://www.uplabs.com/) *inglês* 407 | 408 | * [Mobile patterns](http://www.mobile-patterns.com/) *inglês* 409 | 410 | ### Imagens 411 | 412 | * [Pixabay](https://pixabay.com/pt/) *português* 413 | 414 | * [Unsplash](https://unsplash.com/) *inglês* 415 | 416 | * [Pexels](https://www.pexels.com/) *inglês* 417 | 418 | ### Ícones e Vetores 419 | 420 | * [Font Awesome](https://fontawesome.com/) 421 | 422 | * [Flaticon](http://flaticon.com/) 423 | 424 | * [Vecteezy](https://www.vecteezy.com/) 425 | 426 | * [Icon Finder](https://www.iconfinder.com/) 427 | 428 | * [The noun project](https://thenounproject.com/) 429 | 430 | ### Ferramentas para layoutar 431 | 432 | * [Figma](https://www.figma.com/) 433 | 434 | * [Weld](https://www.weld.io/) 435 | 436 | ## Eventos e palestras 437 | 438 | * [Mulheres palestrantes](http://insideoutproject.xyz/mulheres-palestrantes/) 439 | 440 | Lista com mulheres palestrantes para chamar para o seu evento. Se você é mulher e quer estar na lista, basta abrir um pull request com seu nome e aguardar o/ 441 | 442 | * [Papercall](https://www.papercall.io/) 443 | 444 | Site que ajuda a montar a sua palestra. 445 | 446 | * [Codamos](https://www.codamos.club/) 447 | 448 | Lista de eventos que irão acontecer, em que são acessíveis e como apoiam a diversidade <3 449 | 450 | ## Cursos, Desafios e Exercícios 451 | 452 | * [Edx](https://www.edx.org) 453 | 454 | * [Free Code Camp](https://www.freecodecamp.org) 455 | 456 | * [CodeAcademy](https://www.codecademy.com/) 457 | 458 | * [The odin project](https://www.theodinproject.com/home) 459 | 460 | Guideline de estudos 461 | 462 | * [Progate](https://progate.com/) 463 | 464 | * [HackerRank](https://www.hackerrank.com) 465 | 466 | Contém desafios com várias linguagens (inclusive javascript) e muitas empresas usam para fazer seus testes admissionais. 467 | 468 | * [Frontend Challenges](https://github.com/LFeh/frontend-challenges) 469 | 470 | * [Free Courses](https://freecourses.github.io/category/javascript) 471 | 472 | * [URI](https://www.urionlinejudge.com.br/) 473 | 474 | * [Udemy](https://www.udemy.com/) 475 | 476 | Sempre sai curso em promoção (recomendo esperar xD) 477 | 478 | * [Daily UI](http://www.dailyui.co/) 479 | 480 | * [Coder Byte](https://www.coderbyte.com/) 481 | 482 | * [SPOJ](https://www.spoj.com/) 483 | 484 | * [Code Wars](https://www.codewars.com/) 485 | 486 | * [Leet Code](https://leetcode.com/) 487 | 488 | * [Coding Game](https://www.codingame.com/) 489 | 490 | * [Egg Head](https://egghead.io/) 491 | 492 | ## Freelas e Jobs 493 | 494 | * [Behance](https://www.behance.net/joblist) 495 | 496 | * [Remote.com](https://remote.com/) 497 | 498 | * [Upwork](https://www.upwork.com/) 499 | 500 | * [Fiverr](https://www.fiverr.com/) 501 | 502 | * [Peopleperhour](https://www.peopleperhour.com/) 503 | 504 | * [We work remotely](https://weworkremotely.com/) 505 | 506 | * [Toptal](https://www.toptal.com/) 507 | 508 | * [Startup Lift](http://startuplift.com/opportunities-dashboard/) 509 | 510 | * [99designs](https://99designs.com.br/) 511 | 512 | * [Revelo](https://www.revelo.com.br/) 513 | 514 | * [51 freelance websites](./images/jobs/51-freelance-websites.jpg) - [no pinterest](https://br.pinterest.com/pin/AUvOmqam7UQ9kcd3R2pbKCYdHSrBOlFjGZdwmkR6V2HPYS_OiSIkzzo/) *inglês* 515 | 516 | * [200 ways to make money online](./images/jobs/200-ways-to-make-money-online.jpg) - [no pinterest](https://br.pinterest.com/pin/446560119292717266/) 517 | 518 | ## Newsletters 519 | 520 | * [Web Design Weekly](https://web-design-weekly.com/) 521 | 522 | ## Dúvidas 523 | 524 | * [Stackoverflow](https://stackoverflow.com/) 525 | 526 | * [MDN - Mozilla Developer](https://developer.mozilla.org/pt-BR/) 527 | 528 | * [Build With](https://builtwith.com/) 529 | 530 | * [Webpage Test](https://www.webpagetest.org/) 531 | 532 | * [Pagespeed Insights](https://developers.google.com/speed/pagespeed/insights/) 533 | 534 | * [XML Sitemaps](https://www.xml-sitemaps.com/) 535 | 536 | ## Telegram Bots 537 | 538 | * @UdemyGratis 539 | 540 | * @mulherespodcasters 541 | 542 | * @packtfreebot 543 | 544 | * @mundoJS 545 | 546 | ## Outros 547 | 548 | * [Can I Use?](https://caniuse.com/) 549 | 550 | * [What Web Can Do Today](https://whatwebcando.today/) 551 | 552 | Lista de coisas que podemos fazer hoje através do browser. 553 | 554 | * [Dilinger - Markdown online editor](https://dillinger.io/) 555 | 556 | Caso queira escrever algo com markdown (aqui no github, por exemplo) você pode formatar nesse link e colar aqui depois. 557 | 558 | * [Stackshare](https://stackshare.io/trending/tools) 559 | 560 | ## Pesquisa 561 | 562 | * [How to "hack" Google](./images/research/google-hack.jpg) - [no pinterest](https://br.pinterest.com/pin/446560119294469406/) 563 | 564 | * [How to be a Google Power User](./images/research/google-power-user.jpg) - [no pinterest](https://br.pinterest.com/pin/446560119293069784/) 565 | 566 | ## Código online 567 | 568 | * [Jsbin](https://jsbin.com/tuzefetutu/1/edit?js,console) 569 | 570 | * [Jsfiddle](https://jsfiddle.net/) 571 | 572 | * [Codepen](https://codepen.io/) 573 | 574 | * [Codesandbox](https://codesandbox.io/) 575 | 576 | ### Canvas 577 | 578 | ### SVG 579 | 580 | * [SVGOMG - reduz tamanho do seu svg](https://jakearchibald.github.io/svgomg/) 581 | 582 | * [SVG Circus](http://svgcircus.com/) 583 | 584 | ### Programação Funcional 585 | 586 | * [High-order Functions - fun fun function](https://www.youtube.com/watch?v=BMUiFMZr7vk&list=PL0zVEGEvSaeEd9hlmCXrk5yUyqUag-n84) 587 | 588 | * [Map, filter e reduce](http://desenvolvimentoparaweb.com/javascript/map-filter-reduce-javascript/) 589 | 590 | ### Sourcemaps 591 | 592 | ### TC39 593 | --------------------------------------------------------------------------------