Full Stack Development Techera

Resources Get you started!

How to setup your code environment

HTML & CSS

• JSBin
• Emmet — the essential toolkit for web-developers
• Learn CSS Tricks

ReactJS

• Blog Tutorial For Beginners
• Video Tutorial For Beginners

Frontend Design Ideas

• Behance
• Dribble

Design Resouces for Developers

-design-resources-for-developers

Sessions 1 Links

• Session 1

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

• How to Build NodeJS API

Any Query

• Whatsapp Group
• Discord Group

Markdown syntax Guide

• Markdown Cheatsheet

Crazy Stuff

• Create own URL Shortner

VScode stuff

VS code Shortcuts

For windows

Font

• Anonymous Pro

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