Coding Notes

MISC

By Rae

MISC

Git

VS Code

Notes

  • Client requests to see site --> server sends client's device HTML, CSS, JS, Assets, Fonts (some websites won't send fonts, because they're using a web-safe font)
  • Git VS Github
    • Git - Version control system
    • Git - Runs locally on your own machine
    • Git - Helps keep a history of changes you've made to your project
    • Github - Online platform that stores git repositories (folder of code your tracking changes of)
    • Github - Runs online in cloud
    • Github - Helps share your code (and history of changes) with others
  • alt + shft + F organizes code indents in VS Code.
  • You can drag and drop HTML file into browser and it will show its content in the browser.
  • ctrl + d = highlights all similar text and changes the appropriate text.
  • SSH and GPG use Public Key Cryptography
  • Public/Private Keys
    • a method for securely passing data from one place to another.
    • Provides a very high level confidence that the data is coming from the place it claims to be coming from.
  • The client and the server
    • The client is the part of a web application that users interact with directly.
    • Examples of the client are the browser, mobile apps, smart watch, ect.
    • The server is a remote machine which handles data and dends back information or content to the client in response to requests.
    • Typically the relationship between the client and server is the client sends a request to the server and the server sends a response back.
    • REST API
      • REST stands for Representational State Transfer
      • A REST API allows a client to talk to a server to get access to (and possibly edit or add to) some data stored remotely. A client can go to a server and get data.
      • Some examples: Weather data, currency exchange rates, stock prices.
    • Controlling communication between client and server
      • Browser's dev tools Network Tab (ctrl + shift + i on windows)
      • CURL (terminal)
      • VS Code extensions
      • Postman

Resources

MDN Curriculum
A structured guide to learn the skills of becoming a front-end developer.
Github Documentation on Adding an SSH Key
A guide on configuring your github account to use your new or existing SSH key.
Github Documentation on Adding an GPG Key
A guide on configuring your github account to use your new or existing GPG key.
Public Key Cryptography
A Youtube video explaining Plublic Key Cryptography by Computerphile.
Clean code

Definitions

Version Control with Git
Creats "save points" (commits) in your code that you can revert back to if needed.
Manages changes by "merging" multiple different versions (branches) of the same code base.
Generally allows you to be less worried about making mistakes or having your code conflict with other people working on the same project.
Github
A cloud based SaaS product, now owned by Microsoft.
Used for sharing your code with others.
Assumes the usage of the Git Version Control System
Has many Git-based capabilities built into it. (commiting, merging, branches, ect)
CDN
Content Delivery Network
A remote service that provides assets to web applications.
CDN JS Libraries
Progressive Web App (PWA)
Turns a web app into an app looking web app.
{ "name": "", "short_name": "", "icons": [ {"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"}, {"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"} ], "theme_color": "#ffffff", "background_color": "#ffffff", "display": "standalone" }
theme_color changes the color of the upper nav in the phone.
background_color is the color that will show when your app hasn't loaded yet.
"display": "standalone" makes web app look like standalone application and takes away extra browser things.
Feature Branch
A common fixture of projects that are large enough to have multiple groups or developers working on different parts of them at the same time.
Pull Request
A collaborative feature on github that gives teams a way to review each others changes before introducing the new code back into the main branch.
Merge Conflict
Trying to merge two branches with conflicting changes.
Two people making changes to the same line of code.

Questions

Opinions