webdevsnippet README
webdevsnippet is a vscode extension designed for beginner web developers. This extension can help you with basic web dev.
Features & usage
Just start typing right prefix from the table below or choose command from other tables below.
Prefixes
| Prefix |
Language |
| h- |
html |
| p- |
php |
| j- |
js |
| c- |
css |
HTML Layout
| Code |
| h-header |
| h-nav |
| h-section |
| h-article |
| h-aside |
| h-footer |
| h-dl |
| h-dt |
| h-dd |
| h-table |
| h-table-row |
| h-example-table |
CSS
| Code |
| c-box-shadow |
| c-background-gradient |
JS DOM
| Code |
|
| j-dom-1-create-element |
Create new HTML paragraph |
| j-dom-2-add-text |
Set the text content of the new item |
| j-dom-2-add-class |
Add class to new element |
| j-dom-3-append-element |
Add created paragraph to HTML |
| j-dom-change-color |
Change style property (color) |
JS
| Code |
|
| j-object |
Create a new js object |
| j-random |
Set the text content of the new item |
| j-parseInt |
|
| j-parseFloat |
|
| j-string |
|
| j-number |
|
| j-history-back |
|
| j-history-forward |
|
| j-history-go |
|
| j-window-location-origin |
|
| j-array |
|
PHP DB [procedural]
| Code |
|
| p-1-conn |
Connection to db |
| p-check |
Connection check |
| p-2-query |
|
| p-3-fetch-result |
|
PHP DB [object]
| Code |
|
| p-object-1-conn |
Connection to db |
| p-object-check |
Connection check |
| p-object-2-query |
|
| p-object-3-result_query |
|
| p-object-4-fetch-result |
|
| p-object-5-conn-close |
|
PHP cookies
| Code |
| p-setcookie |
| p-print-cookie-name |
| p-delete-cookie |
PHP superglobals
| Code |
| p-$SERVER[PHP_SELF] |
| p-$SERVER[SERVER_NAME] |
| p-$SERVER[REQUEST_METHOD] |
PHP
| Code |
| p-header-Location |
| p-password-hash |
| p-isset |
| p-var-dump |
| p-explode |
| p-substr |
Requirements
Known Issues
There are currently no known issues.
| |
