├── assets └── Prettier │ ├── prettier-tutorial.gif │ └── index.md └── README.md /assets/Prettier/prettier-tutorial.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gabrielSantos1101/Dicas-para-iniciantes/HEAD/assets/Prettier/prettier-tutorial.gif -------------------------------------------------------------------------------- /assets/Prettier/index.md: -------------------------------------------------------------------------------- 1 | ```JSON 2 | "editor.formatOnSave": true, 3 | "editor.linkedEditing": true, 4 | "[css]": { 5 | "editor.defaultFormatter": "esbenp.prettier-vscode" 6 | }, 7 | "[html]": { 8 | "editor.defaultFormatter": "esbenp.prettier-vscode" 9 | }, 10 | "[javascript]": { 11 | "editor.defaultFormatter": "esbenp.prettier-vscode" 12 | }, 13 | "prettier.semi": false, 14 | "editor.tabSize": 2, 15 | ``` 16 | 17 | ![Tutorial](./prettier-tutorial.gif) 18 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # **Guia para iniciantes** 2 | 3 | ## Extensões 4 | 5 | - [VS HTML to CSS](https://marketplace.visualstudio.com/items?itemName=neptunedesign.vs-html-to-css) 6 | - [Code spell checker](https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker) 7 | - [color Highlight](https://marketplace.visualstudio.com/items?itemName=naumovs.color-highlight) 8 | - [HTML end tag Labels](https://marketplace.visualstudio.com/items?itemName=anteprimorac.html-end-tag-labels) 9 | - [Live Preview](https://marketplace.visualstudio.com/items?itemName=ms-vscode.live-server) 10 | - [Prettier](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode) [🤸 configure aqui](./assets/Prettier/index.md) 11 | - [svg Preview](https://marketplace.visualstudio.com/items?itemName=SimonSiefke.svg-preview) 12 | - [Polacode](https://marketplace.visualstudio.com/items?itemName=pnp.polacode) 13 | - [CSS Peek](https://marketplace.visualstudio.com/items?itemName=pranaygp.vscode-css-peek) 14 | - [styled-components-snippets](https://marketplace.visualstudio.com/items?itemName=jonkwheeler.styled-components-snippets) 15 | - [GitLens](https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens) 16 | - [Console Ninja](https://marketplace.visualstudio.com/items?itemName=WallabyJs.console-ninja) 17 | - [Error Help](https://marketplace.visualstudio.com/items?itemName=GihanSiriwardhana.error-help) 18 | 19 | --- 20 | 21 | ## Temas 22 | 23 | - [Davinci](https://marketplace.visualstudio.com/items?itemName=GabrielBatista.Davinci) 24 | - [GitHub Theme](https://marketplace.visualstudio.com/items?itemName=GitHub.github-vscode-theme) 25 | - [Omni Theme](https://marketplace.visualstudio.com/items?itemName=rocketseat.theme-omni) 26 | - [Catppuccin for VSCode](https://marketplace.visualstudio.com/items?itemName=Catppuccin.catppuccin-vsc) 27 | - [Monokai Pro](https://marketplace.visualstudio.com/items?itemName=monokai.theme-monokai-pro-vscode) 28 | - [Shades of Purple](https://marketplace.visualstudio.com/items?itemName=ahmadawais.shades-of-purple) 29 | - [One Dark Pro Monokai](https://marketplace.visualstudio.com/items?itemName=eserozvataf.one-dark-pro-monokai-darker) 30 | - [Atom One Dark](https://marketplace.visualstudio.com/items?itemName=akamud.vscode-theme-onedark) 31 | - [Omni Dracula Theme](https://marketplace.visualstudio.com/items?itemName=ThiagoLcioBittencourt.omni-dracula-theme) 32 | - [Aura Spirit Dracula](https://marketplace.visualstudio.com/items?itemName=JoseMurilloc.aura-spirit-dracula) 33 | - [BeardedBear](https://marketplace.visualstudio.com/items?itemName=BeardedBear.beardedtheme) 34 | - [SynthWave](https://marketplace.visualstudio.com/items?itemName=RobbOwen.synthwave-vscode) 35 | - [Tailwind theme](https://marketplace.visualstudio.com/items?itemName=WollaceBuarque.tailwind-theme) 36 | - [Rose pine](https://rosepinetheme.com/themes/) 37 | - [Tokyo night](https://marketplace.visualstudio.com/items?itemName=enkia.tokyo-night) 38 | - [Dracula](https://marketplace.visualstudio.com/items?itemName=dracula-theme.theme-dracula) 39 | - [Ayu](https://marketplace.visualstudio.com/items?itemName=teabyii.ayu) 40 | 41 | --- 42 | 43 | ## Icons 44 | 45 | - [Material icon Theme](https://marketplace.visualstudio.com/items?itemName=PKief.material-icon-theme) 46 | - [Catppuccin Icons for VSCode](https://marketplace.visualstudio.com/items?itemName=Catppuccin.catppuccin-vsc) 47 | - [Symbols](https://marketplace.visualstudio.com/items?itemName=miguelsolorio.symbols) 48 | - [vscode-icons](https://marketplace.visualstudio.com/items?itemName=vscode-icons-team.vscode-icons) 49 | - [Nomo Dark Icon Theme](https://marketplace.visualstudio.com/items?itemName=SenkoTheKitsune.nomo-dark-extended) 50 | - [Helium Icon Theme](https://marketplace.visualstudio.com/items?itemName=helgardrichard.helium-icon-theme) 51 | 52 | ## Desafio Typescript (dezembro) 53 | - [Typehero](https://typehero.dev/aot-2023) 54 | 55 | ## Aprenda javaScript 56 | - [javaScript concepts](https://github.com/leonardomso/33-js-concepts) 57 | - [Javascript questions](https://github.com/lydiahallie/javascript-questions) 58 | - [AirBnb](https://github.com/airbnb/javascript) 59 | - [react props](https://www.freecodecamp.org/news/react-props-animated-guide/?ref=dailydev) 60 | - [JavaScript Visualized: Promises & Async/Await](https://dev.to/lydiahallie/javascript-visualized-promises-async-await-5gke) 61 | 62 | ## sites uteis 63 | 64 | ### CSS 65 | -[Easing gradients](https://larsenwork.com/easing-gradients/#editor) 66 | 67 | ## Jogos 68 | 69 | - [git](https://learngitbranching.js.org/?locale=pt_BR) 70 | 71 | ### Design 72 | - [Can't see](https://cantunsee.space/) 73 | - [Color Game](https://color.method.ac/) 74 | - [Color Game](https://color.method.ac/) 75 | - [Type method](https://type.method.ac/) 76 | - [Boolean game](https://boolean.method.ac/) 77 | 78 | ### CSS 79 | 80 | - [Flexbox zombies](https://mastery.games/post/flexboxzombies2/) 81 | - [css2wind](https://www.css2wind.com/) 82 | - [Flexbox froggy](https://flexboxfroggy.com/) 83 | - [Flexbox defende](http://www.flexboxdefense.com/) 84 | - [Grid garden](https://cssgridgarden.com/) 85 | - [Grid attack](https://codingfantasy.com/games/css-grid-attack) 86 | - [Flukeout](https://flukeout.github.io/) 87 | - [Jamstack](https://jamstack-attack.herokuapp.com/steps.html) 88 | - [CSS speed run](https://css-speedrun.netlify.app/) 89 | - [CSS Battle](https://cssbattle.dev/) 90 | - [CSS scoops](https://codepip.com/games/css-scoops/) 91 | - [Play CSS](https://playcss.app/) 92 | - [Coding fantasy](https://codingfantasy.com/games) 93 | 94 | ### JavaScript 95 | 96 | - [js challenges](https://jschallenger.com/) 97 | - [leet code](https://leetcode.com/problemset/javascript/) 98 | - [codingame](https://www.codingame.com/start) 99 | - [codeChef](https://www.codechef.com/) 100 | - [Java5Script](https://www.java5cript.com/code-challenges) 101 | --------------------------------------------------------------------------------