Merge bf9fbdf376 into 559d03ecf3

updates vscode cheat sheet

backend/django.py

@@ -118,3 +118,48 @@ django-admin version                     # display the current django version
 # 8. $ django-admin startproject myproject
 # 9. $ django-admin startapp myapp
 # 10. $ python manage.py runserver
+
+# *****************************************************************************
+# Templates Tags
+# *****************************************************************************
+
+# {% extends "base.html "%}                   --> Base template forms basis for other templates  
+
+# {% block content %}                         --> Content tags extend templates to reduce repeated code
+# ...
+# {% endblock %} 
+
+# or
+
+# {% block content %} 
+# ... 
+# {% endblock content %}
+
+# {% load static "styles.css" %}              --> Used in header of HTML file to load static files
+
+# {{ variable_name }}                         --> Varriable tags used to display template varriables
+
+# {% if condition %}                          --> Templates can include logic using if statements.
+# {% elif condition %}
+# {% else %}
+# {% endif %}
+
+# <ul>
+#   {% for item in dictionary %}              --> Template variables can be iterated over using for loops inside template tags
+#     <li>{{ item.value }}</li>
+#   {% endfor %}
+# </ul>
+
+# {% url "some-other-page" %}                 --> Linking urls can be done using the url tag
+
+# {% url "items" item.id %}                   --> You can pass arguments between pages in the url tag
+
+# {{ variable_name | filter_name }}           --> Use | to filter varriables
+
+# {{ variable_name | filter_name:"argument"}} --> Arguments can be passed in to filters
+
+# {{ dictionary_name | dictsort:"key_name"}}  --> Dictionaries can be sorted using dicsort filter
+
+
+
+

frontend/html5.html

@@ -185,7 +185,6 @@ width=""                                          <!-- Describes the width of th
 <!-- Some other useful tags -->
 
 <canvas></canvas>                                 <!-- Allows to draw 2D shapes on the web page with the help of javascript -->
-<keygen>                                          <!-- Represents a control for generating a public-private key pair -->
 <map></map>                                       <!-- Specifies an image map -->
 
 <!-- Collective Character Obejcts -->

tools/vim.txt

@@ -105,7 +105,7 @@ gu$                 make lowercase until end of line
 <<                  indent line one column to left
 ==                  auto-indent current line
 ddp                 swap current line with next
-ddkp                swap current line with previous
+ddkP                swap current line with previous
 :%retab             fix spaces / tabs issues in whole file
 :r [name]           insert the file [name] below the cursor.
 :r !{cmd}           execute {cmd} and insert its standard output below the cursor.

tools/vscode.md

@@ -6,7 +6,8 @@
 
 #### General
 
-- `Ctrl`+`Shift`+`P`, `F1`:  Show Command Palette
+- `Ctrl`+`Shift`+`P`, `F1`: Show Command Palette
+- `Ctrl`+`Shift`+`T`: Open last closed tab
 - `Ctrl`+`P`: Quick Open, Go to File
 - `Ctrl`+`Shift`+`N`: New window/instance
 - `Ctrl`+`W`: Close window/instance
@@ -19,7 +20,7 @@
 - `Ctrl`+`C`: Copy line (empty selection)
 - `Ctrl`+`↓/↑`: Move line down / up
 - `Ctrl`+`Shift`+`K`: Delete line
-- `Ctrl`+`Enter` / `Ctrl`+`Shift`+`Enter`: Insert line below / above 
+- `Ctrl`+`Enter` / `Ctrl`+`Shift`+`Enter`: Insert line below / above
 - `Ctrl`+`Shift`+`\`: Jump to matching bracket
 - `Ctrl`+`]` / `Ctrl`+`[`: Indent / Outdent line
 - `Ctrl`+`Home` / `End`: Go to beginning / end of file
@@ -136,7 +137,7 @@
 
 - [`Wrap Console Log`](https://marketplace.visualstudio.com/items?itemName=midnightsyntax.vscode-wrap-console-log): Wrap to console.log by word or selection.
 
-- [`Bracket Pair Colorizer`](https://marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer): Allows matching brackets to be identified with colours. 
+- [`Bracket Pair Colorizer`](https://marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer): Allows matching brackets to be identified with colours.
 
 ## My Settings