{
"workbench.colorTheme": "Material Theme Palenight High Contrast",
"workbench.iconTheme": "eq-material-theme-icons-palenight",
"editor.fontSize": 18,
"editor.fontFamily": "Operator Mono",
"editor.fontLigatures": true,
"editor.lineHeight": 2,
"editor.tabSize": 2,
"editor.wordWrap": "on",
"html.format.enable": false,
"editor.formatOnSave": true,
"editor.defaultFormatter": "esbenp.prettier-vscode",
"explorer.decorations.badges": false,
"explorer.compactFolders": false,
"explorer.confirmDragAndDrop": false,
"liveServer.settings.donotShowInfoMsg": true,
"workbench.startupEditor": "none",
"explorer.confirmDelete": false,
"editor.linkedEditing": true,
"editor.smoothScrolling": true,
"editor.scrollBeyondLastLine": false,
"liveServer.settings.donotVerifyTags": true,
"editor.bracketPairColorization.enabled": false
}
[
{
"key": "alt+w",
"command": "editor.emmet.action.wrapWithAbbreviation"
}
]
- Placeholder text :
lorem,lorem100(no. of words), orp*4>lorem(no. of paragraphs) - HTML5 boilerplate / skeleton :
! - Insert and go to beginning of new line :
⌘⏎ - Duplicate line below :
⌥⇧▼ - Comment :
⌘/ - Open command palette :
⌘⇧P - Move current line up or down :
⌥▼or▲ - Wrap with abbreviation :
⌥W(custom)
- View Source :
⌥⌘U - Developer Tools :
⌥⌘IorF12 - Inspect Elements :
⌥⌘C - JavaScript Console :
⌥⌘J
Parallax Scroll Animation (CodePen)
<!DOCTYPE html><!-- Comment --><html><head><title><body><h1>to<h6><br><hr><p><strong><em><a>hreftarget
<ul><ol><li><table><thead><tr><th><tbody><td><form><div>classid
<label>for
<input>type
<textarea><select><option><button><img>srcalt
<blockquote><abbr><cite><small><header><footer><aside><main><article><nav><section><details><style><meta><link>relhref
<span>classid
Also :
<b><i><video><audio><abbr>title
<cite>
/* Comment */color:rgb();functionrgba();function
background-color:opacity:border:inherit;valuefont-familyserifvaluesans-serifvalue
font-sizefont-weight400ornormalvalue700orboldvalue
font-stylenormalvalueitalicvalue
text-aligncentervaluestartvalueendvalue
widthdirectionltrrtl
letter-spacingword-spacingline-heightmultipliervalue
@importat-ruletext-shadowmargin-topmargin-lefttext-transformtext-decoration-linetext-decoration-colortext-decoration-styletext-decoration-thicknesstext-decoration
- MDN
- HTML
- HTML Elements Reference
- The Paragraph Element
- The Section Heading Elements
- CSS
- CSS Reference
- Google Color Picker
- Genius? No.
- Need:
- Focus
- Determination
- Work from home
- Great salary (average $80k)
- Work for yourself
- V. competitive, 1st job hardest to get
- Fast-paced industry, keep learning (curiosity, passion)
- Spend long time in front of computer (problem-solving)
- Good employers care about knowledge, not degree (competence)
-
Front end or back end
-
Not full stack until one yr of exp
- HTML, CSS and JS (3m)
- React (2m)
- Git (2w)
- Sass (2w)*
- TypeScript (1m)*
- Optional
-
Daily 3-5 hrs studying/coding
-
Spend 30% studying, 70% practicing
-
After HTML, CSS, JS, React & Git (6m) apply for junior front end dev jobs
-
Stand out: learn Sass & TypeScript
- Learn Python
- Spend 2 hours a day coding
- After 2-3 months be fairly comfortable writing basic programs
- Then specialize for 3-6 months in web, mobile or data science
- So spend 6-12 months studying and practicing to become job ready
- First job: junior software developer