filmov
tv
PRT1. Webdev: Coding a commenting system with vanilla JavaScript. HDComments
Показать описание
Part one of live coding a universal commenting system called HDComments using HTML, CSS, and vanilla Javascript.
No react or vue, no babel or CSS preprocessors, just good old fashioned optimized and performant code.
The intention is that this type of commenting system can be easily implemented by you into whatever system you have, and I will also be doing a video showing me live coding this into a featured WordPress plugin.
The video really goes over three things.
1) Building out the HTML
2) Styling everything
3) Using JavaScript to validate form data, and create user interactions.
HDComments is SUPER lightweight yet functional, and in its current state after this video, is only ~4.5kb UNcompressed
MY SETUP
So I am currently running Pop!_OS by System76 19.10, which is an Ubuntu Linux derivative. My editor is VSCode, using the new and fantastic Synthwave theme. The only extension of note is Prettier.
No react or vue, no babel or CSS preprocessors, just good old fashioned optimized and performant code.
The intention is that this type of commenting system can be easily implemented by you into whatever system you have, and I will also be doing a video showing me live coding this into a featured WordPress plugin.
The video really goes over three things.
1) Building out the HTML
2) Styling everything
3) Using JavaScript to validate form data, and create user interactions.
HDComments is SUPER lightweight yet functional, and in its current state after this video, is only ~4.5kb UNcompressed
MY SETUP
So I am currently running Pop!_OS by System76 19.10, which is an Ubuntu Linux derivative. My editor is VSCode, using the new and fantastic Synthwave theme. The only extension of note is Prettier.
1:08:40
PRT1. Webdev: Coding a commenting system with vanilla JavaScript. HDComments
0:58:37
PRT2. Webdev: Coding a commenting system with vanilla JavaScript. HDComments
0:00:07
HTML comment shortcut: Ctrl + / ,Visual Studio Code Tips
0:00:15
🤩 VS Code Block Comment Shortcut is very Easy & Super-useful! #shorts #javascript #vscode
0:00:09
Guess the source code in the comments👇#coding #webdevelopment #htmlcss #supersimpledev
0:00:23
Analog Clock | using html css & javascript| Source Code On Pin Comment | #html #css #javascript
0:05:00
Commenting in Code
0:02:05
How to Write Human Friendly Comments !! Apply CSS to Code Comments !!
0:01:41
Enhancing Code Readability: Adding Comments in HTML Tutorial
0:03:10
Creating HTML Comments To Annotate Your Code
0:00:29
Basic JavaScript (1/111) | Comment Your JavaScript Code | freeCodeCamp
0:00:18
Coding Flowers, Source code in comment #codinglife #coding #programming
0:00:10
Robot Transform using Html and CssSource code in comment #htmlcoding #htmlproject #html #coding
0:07:39
Laravel 5.5 | Project | Comment Reply System | Source Code
0:04:23
HTML Tutorials: How to add comments to HTML code?
0:06:26
6. JavaScript code structure - Statements and Comments in JS
0:00:14
comment multiple lines of code Sublime text, vscode
0:00:49
How To Add Comments Quick In VS Code (Visual Studio Code) #vscode #visualstudiocode #coding
0:00:21
#striver_coder|GUI Calculator Using javascript| Source Code first comment
0:04:53
Use Javascript Comments To Annotate Your Code
0:03:31
Introduction of comment in php | Comment out php code | Single line comment | Multiple line comment
0:01:39
JavaScript - Code Comments and Developer Tools
0:01:55
How To Comment Code | HTML CSS JAVASCRIPT
0:00:20
JavaScript Comments - Part 1 - What are Comments? - #w3schools #javascript #programming
Комментарии