Full Stack Development Techera
Resources Get you started!
How to setup your code environment
HTML & CSS
ReactJS
Frontend Design Ideas
Design Resouces for Developers
-design-resources-for-developers
Sessions 1 Links
Session 2 Links
- Add your project idea in our Todo List, Fill out the form
- GITHUB REPO PRAVEEN
- GIT shortcuts
- Emmet Cheat Sheet
- http static server
- MDN DOCS
- Web Platform docs
- List reference
- This page lists all the html elements
- Youtube Playlist
- Typora
- Praveen LinkedIn
- Sudhanshu LinkedIn
Code From Praveen Repo
Any Query
Markdown syntax Guide
Crazy Stuff
VScode stuff
VS code Shortcuts
Font
Extensions
See full list of extensions here.
Themes/Color
- Just Black
- Material Icon Theme
- Bracket Pair Colorizer
- Matching parenthesis and curly brackets to with colors
Workflow
- advanced-new-file
- Adds the ability to create files anywhere in your workspace.
- Auto Close Tag
- Automatically add HTML/XML close tag
- Auto Rename Tag
- Automatically rename paired HTML/XML tag
- FontSize ShortCuts
- Change the font size with keyboard shortcuts.
- Toggle Quotes
- cmd ‘ (ctrl ‘ on win/linux) will cycle the first quote pair found (from the start/end of the section) between ‘, “, `
IntelliSense/AutoComplete
- IntelliSense for CSS class names in HTML
- Provides CSS class name completion for the HTML class attribute based on the definitions found in your workspace or external files referenced through the link element
- npm Intellisense
- Autocompletes npm modules in import/require statements
- Path Intellisense
- Autocompletes filenames
- Vetur
- Vue tooling
Style/Formatting
- ESLint
- Integrates ESLint JS
- Beautify
- Automatically format javascript, JSON, CSS, Sass, and HTML files.
Useful/Extra
- Import Cost
- Display inline the size of the required/imported package
- Quokka.js
- Evaluate code/logs inline and show results in the editor
- VS Live Share
- Collaborative editing, debugging, and more inside VS Code
above vscode setting source CodingGarden