30-04-2021



  1. Rust and vscode cheat sheet.odt Author: dusty Created Date: 2/15/2020 4:45:26 PM.
  2. Alt+Click Insert cursor Ctrl+Alt+ ↑ / ↓ Insert cursor above / below Ctrl+U Undo last cursor operation Shift+Alt+I Insert cursor at end of each line selected Ctrl+L Select current line Ctrl+Shift+L Select all occurrences of current selection Ctrl+F2 Select all occurrences of the current word Shift+Alt+→ Expand the selection Shift+Alt+← Shrink selection Shift+Alt + (drag.
  3. Watchman exists to watch files and record when they change. It can also trigger actions (such as rebuilding assets) when matching files change.
  4. Vs Code Cheat Sheet - cheatsheetmaker.com Vs Code Cheat Sheet Visual Studio Code is a free source-code editor made by Microsoft for Windows, Linux and macOS.
  1. Visual Studio Code Cheat Sheet
  2. Vim Cheat Sheet Vscode

Development Resources

Emmet Cheat Sheet

Check out this useful Emmet Cheat Sheet for VSCode

Visual Studio Code Cheat Sheet

Download our cheat sheet for the popular Visual Studio Code editor Visual Studio Code Cheat Sheet Keyboard shortcuts, interface overview, and some nice tips & tricks for the popular VS Code editor - all of this on our handy cheat sheet! We provide two different.

VSCode Download

VSCode is the only editor I use in class and it is recommended you use this.

My VS-Code Settings

This is a link to my VSCode settings. It is recommended you install my extensions and copy my settings.

CSS Resources

Cubic Bezier

Cubic Bezier can help you nail down animation timings.

Type-Scale

Visual Calculator for Typography

WesBos.com

Wes Bos offers a combination of free and paid courses. His courses of CSS Grid and flexbox are amazing free courses sponsored by Mozilla

Clippy

Easily create CSS clip paths with a handy GUI.

Flexbox cheatsheet

Interactive cheatsheet for all flexbox attributes

Codepen

Codepen is an amazing resource for prototyping but also for getting inspiration. I often fin myself scrolling codepen to see how other developers create interesting UI

30 CSS Selectors

This a great resource of various CSS selectors that you may find useful in a pinch

CSS Tricks

Great blog with amazing contributions for web development.

Code

SCSS Documentation

Offical SCSS documentation for your referance

MDN

MDN Should be your first stop to troubleshoot or look up CSS or JS information.

JavaScript Resources

Vue Documentation

Vue is my go to framework for JavaScript projects. The documentation is great for getting started. VueJS is taught in our AP Course in January through June

Vim Cheat Sheet Vscode

Stack Overflow

Visual studio code keyboard shortcuts

Stackoverflow is great resource for programming questions and answers by the community

Firebase

Firebase is an incredibly powerful and easy backend tool by google. Get easy authentication and a real-time database.

Dev Ed

Dev Ed is another tremendous youtube channel for JavaScript as well as interesting designs and animations.

Traversy Media

Traversy Media is youtube channel dedicated to educating viewers in various web technologies.

DesignCourse

This YouTube channel as all the amazing design and animation tutorials you could want from a YouTube channel.

JavaScript MDN Resource

MDN is my go to resource for JS documentation

Design Resources

Undraw

Undraw provides tons of quality, free SVG's that you can customize the color of before downloading

UI Gradients

Create Amazing and Simple Gradients

FontJoy

FontJoy uses AI to create matching typography

Pexels

Pexels offers free stock videos and images

Font Squirrel

Font Squirrel is a great resource for converting and downloading web fonts

FlatIcon

Access to over 3 Million Icons for free

Unsplash

Unsplash offers free stock images

Cheat Sheet Vscode

Pixabay

Pixabay offers free stock images for your site

Material Design Palette

Great Resource for Palette Creation

Google Fonts

Google Fonts is the ultimate free front library