- Видео 54
- Просмотров 188 919
Design Code Hub
Непал
Добавлен 19 фев 2021
Coding create is a channel for learning complete website design, using html, CSS vanilla JavaScript. And creative UX and UI design using XD | FIGMA. Here i upload videos related html, CSS, JavaScript (Ajax), SVG | Canvas, and PHP (MySQL) . I always provide free source codes of each video on my GitHub. I believe my videos or codes help to improve viewers skills.
Channel Managed By : Saam Khatri
Channel Managed By : Saam Khatri
Top seven upcoming JavaScript project video in Coding Create
Top seven upcoming JavaScript project video in Coding Create
Timestamps
00:00 - Todo list App
00:47 - Vector 3D
00:59 - Product image
01:23 - Times-ago
01:45 - Dynamic Pagination
02:26 - Chat like AI
03:23 - Admin Dashboard
Timestamps
00:00 - Todo list App
00:47 - Vector 3D
00:59 - Product image
01:23 - Times-ago
01:45 - Dynamic Pagination
02:26 - Chat like AI
03:23 - Admin Dashboard
Просмотров: 697
Видео
animated add or store item in shopping cart using vanilla javascript
Просмотров 20 тыс.3 года назад
animated add or store item in shopping cart using vanilla javascript
Drag and Drop All method in one using vanilla javascript
Просмотров 1,3 тыс.3 года назад
Drag and Drop All method in one using vanilla javascript
animation like powerpoint or keynote using html svg and css
Просмотров 5373 года назад
animation like powerpoint or keynote using html svg and css
Responsive footer using html and css only
Просмотров 2553 года назад
Responsive footer using html and css only
upload progress percentage using html CSS and JavaScript
Просмотров 18 тыс.3 года назад
upload progress percentage using html CSS and JavaScript #progress #progressbar
image preview before upload using html css and javascript
Просмотров 2283 года назад
image preview before upload using html css and javascript
accordion sidebar menu with sub menu using html, css and javascript
Просмотров 15 тыс.3 года назад
accordion sidebar menu with sub menu using html, css and javascript #sidebar #accordion #css #javascript #sidemenu
Multi step register form with progress indicator and validate using html css and javascript
Просмотров 10 тыс.3 года назад
Multi step register form with progress indicator and validate using html css and javascript. Source File GitHub:- github.com/saam-khatri/Multi-step-register-form #validation #multistep #javascript
OTP verification box glassmorphism using html and CSS
Просмотров 6013 года назад
OTP Verification box using html and css
check internet is connected or not using css and vanilla javascript
Просмотров 1553 года назад
check internet is connected or not using css and vanilla javascript
multi step login system in JavaScript with glassmorphism using html CSS and JavaScript
Просмотров 2103 года назад
Glassmorphism multi level login system using JavaScript. one file is easy way coding style and another is little advanced coding style in JS file. Source Code GitHub:- github.com/saam-khatri/Js-multi-lavel-login-form
Search filter Voice search product and display gird or list using html css and javascript
Просмотров 1,1 тыс.3 года назад
Search or Voice search filter product in JavaScript. and display change by choosing gird or list using JavaScript. Source Code GitHub: github.com/saam-khatri/Search-Filter #voicesearch #filter
Product sort or filter as low to high and default using css javascript
Просмотров 31 тыс.3 года назад
Product sort as low to high and default using JavaScript. and Filter product as a categories using JavaScript. Combined JS file of Sort and Filter product . Source Code GitHub:- github.com/saam-khatri/Filter-Sort #sort #sorting #sortingproduct #highlow
Product item filter or search by categories in vanilla JavaScript
Просмотров 7 тыс.3 года назад
Product item filter or search by categories in vanilla JavaScript and Sort as low to high and default using JavaScript. Combined JS file of Sort and Filter product . Source Code GitHub:- github.com/saam-khatri/Filter-Sort #filter #category
Neumorphism UI design using html CSS & JavaScript
Просмотров 2323 года назад
Neumorphism UI design using html CSS & JavaScript
border radius maker app in CSS and JavaScript
Просмотров 4323 года назад
border radius maker app in CSS and JavaScript
Responsive slider or carousel like owl carousel using vanilla JavaScript
Просмотров 46 тыс.3 года назад
Responsive slider or carousel like owl carousel using vanilla JavaScript
Landing page with apple navbar and notifications counter using css and JavaScript
Просмотров 5093 года назад
Landing page with apple navbar and notifications counter using css and JavaScript
main or banner carousel or slider with auto animation auto play in JavaScript
Просмотров 5693 года назад
main or banner carousel or slider with auto animation auto play in JavaScript
Sticky responsive navbar with animated search icon using CSS and JavaScript
Просмотров 8483 года назад
Sticky responsive navbar with animated search icon using CSS and JavaScript
Progress bar with handler using meter tag in JavaScript
Просмотров 1203 года назад
Progress bar with handler using meter tag in JavaScript
Progress bar using html meter tags and JavaScript
Просмотров 4463 года назад
Progress bar using html meter tags and JavaScript
Toggle buttons using all method CSS JavaScript jQuery
Просмотров 553 года назад
Toggle buttons using all method CSS JavaScript jQuery
Chat bot or box with dark mode as your operating system or custom scroll bar using html and css only
Просмотров 1933 года назад
Chat bot or box with dark mode as your operating system or custom scroll bar using html and css only
Inbox or Mailbox with select all function using CSS and js
Просмотров 6853 года назад
Inbox or Mailbox with select all function using CSS and js
Animated search icon in JavaScript or expand search icon in JavaScript
Просмотров 643 года назад
Animated search icon in JavaScript or expand search icon in JavaScript
Image compare and controller in JavaScript
Просмотров 673 года назад
Image compare and controller in JavaScript
Custom half circle progress bar in CSS and JavaScript
Просмотров 3,6 тыс.3 года назад
Custom half circle progress bar in CSS and JavaScript
Custom full circle progress bar in CSS and JavaScript
Просмотров 1133 года назад
Custom full circle progress bar in CSS and JavaScript
Why is my button not working for upload 😢 please help me, I'm going crazy
This is a very pretty form, and it shows a percentage bar progressing every 100 milliseconds, but if you want to track the actual progress of a file upload to a website you need a bit more code. There are RUclips tutorials on how to do that, but the principle is that you need to PreventDefault on submitting the form. You can attach the upload file to the form as form data. Something like let formdata = new FormData(); formdata.append("file", formdata); Next you need to create an XMLHttpRequest and add an EventListener to that. The event you are listening for is "progress" and that comes back from the website. With the event.total and event.loaded you can calculate percent progress and use that to update the value of the <progress> element. There are some good tutorials out there, but I have not found one that explains everything you need in a beginner-friendly way.
I might be missing something but I can't see any code to actually upload the file. The form nicely gets the attributes of the file and increments a progress indicator, but it is not actually uploading a file as far as I can see.
sir @import url(') in this what link u generated can u expalin
That is use for fontawesome icon
It makes no sense to me with some understqnding of what you are doing. Maybe add a link to the project.
why not explain what you are doing instead of playing music ???!!
❤
Amoooo la programación
¿Como puedo hacer el codigo que me muestre el TOTAL: $$$ de lo añadido al carrito?
Total value is not showing? ???
source code?
i need a code
I've only done the SVG block, and it made a full circle. Why is yours a half circle already?
Igual a mi, no se porque hace un circulo completo y no un semi circulo.
@@ariel18012 Bro, why would you reply to someone in a different language than they used?
I want this code by reference
But we couldn't close all menus. I mean if you click open a menu the previous menu will close. To close a menu you have to open another menu. any solution for this?
pls send this vedio soirce code
hello, i like your work but why is it that the javascript does not work on our sides? Is the code you display in the video the one you run or you run another code else where similar to the one you are making on the screen?🤷♂
you have to give the source for your script and jquery
Your github account name
I want the source code please !!
why doesn't the icon appear on my screen, do I have to input something?
Yes
can you give source code man plxzzz
Thank You so much you saved my day
It's work
thanks good content
great work, thanks G.
So i tried to adapt the functions to my code and I have a thing going on , it works well on the items that have the same length of price , for example if there is 30.00 and 31.00 it will sort it right, but if i have 31.00 and 301.00 it wont sort normally , do u know how can i fix this
fiz aqui e so mudei o nome de variaveis e nao deu certo.
Validation is not working after some modification in html code
bro code?
Source Code in Description
I need help
Where is the icon part of video? 🤔
nice video keep it up
Good 👏👏👏👏
Thank you so much for this lovely video, it was amazing and helped a lot. If possible can you show how to loop it. It would mean a lot! Thanks again.
wow nice
Nice work with good design...🥰🥰🥰🥰
What to do in case of 5-10 pages of products? Your approach fits only one page products. Thanks!
i think the same for each one
👏
Source code?
thanks for this great tutarial
Is there code for this?
Wow nice
I want to give diff prices for diff sizes. When I select a size the respective price should add in cart and do the calculation. Pls help me.
Can you please share this code? I've tried putting in this exact code and everything seems to work until minute count 11:40 where you browse and select the file. Nothing happens at that point, no file is selected, name, size isn't working. Can you please share the code?
me too
- correct the spelling "getElementByTagName" to "getElementsByTagName" - change the "let load 0" to "let load = 0"
@@tajulraziq7276 Tried that, still got same result. Can you possibly send me your code, maybe I'm missing some other mistakes or something, I don't know? I would really love for this to work.
source code pleaseeeeeeeee
I need code to this one, very well made.
hello, Are you received it?
@@hadidiab9680 I haven’t received any code yet, do you have it working?
do you have source code?
Nice work thank you