Posts

Showing posts from March 10, 2024

Progress bar

Image
Let to make a progress bar which is trackable by a track button. we create this progress bar in HTML CSS and JavaScript for beginner to advanced. the progress bar will track the progress by click on button. following are the main steps of creating this progress bar 0 demo the progress bar 1 open your VS code and creating files 2 create index.html file style.css file and script.js file 3 code in index.html file to make the basic structure of progress bar 4 code in style.css file to style the progress bar 5 code in script.js file to add tracking functionality to track the progress bar 6 finally we create a progress bar For more details watch the video download source code Source code

Clickable Checkbox

Image
Create a clickable check box in JavaScript. when a user click on check box an event listener will be alert to execute the function. Following are the main steps of making a clickable checkbox JavaScript 0. Demo to check box 1. Open your Vs code editor an any other code editor you want to use 2. Create basic file index.html, style.css file and script.js file 3. Code in index.html file to create to create the basic structure of checkbox 4. Code in style.css file to style the check box 5. code in script.js file to add an event listener on checkbox 6. Finally we build a clickable check box in html CSS and JavaScript Download Link Download source code Watch video for more details Thank You Guy's for watching

Login and Signup form/page

Image
Create an amazing over sliding login and signup page in html CSS for beginner and advance HTML CSS Login and Signup page / HTML CSS tutorial for beginner After completing watching this video you will be able to make a login and signup page in HTML CSS. To create Login and Signup page / form in HTML CSS just follow the following steps in this video I Demo to Login and sign up page II check the over sliding of login and sign up page III open VS code to build login and sign up page in HTML CSS IV Create index.html and style.css file in VS code V open index.html file to create login and signup page VI Open style.css file to design and style the Login and signup page VII check the output at the end of this video VIII So we have create our Login and Signup page in HTML CSS only Following are the link for source code Download Source Code Previous video links 1 Responsive web design template / html responsive web design https://youtube.com/shorts/rvq2lCy8Hrk 2 How to create re

Two Player game in JavaScript

Image
Build a two plyer game in JavaScript one player will be X and other player will be O three condition are embed in this JavaScript game following are the main steps of this game 1. Open your VS code are any other code editor 2. create the file which are required in building two player game create index.html file style.css file and Script.js file 3. code in html file to make the basic structure of two player game 4. CSS code will be place in style.css file which style the two player game 5. JavaScript code place in Script.js file to add the functionality to player game 6. finally we create the two player game with three condition in JavaScript previous video link 1 How to make a Login and Signup page in HTML CSS https://youtu.be/78Wec56WrDM 2 How to build quiz app in JavaScript | test app https://youtu.be/_N_7thvGwMc 3 Overview to project, portfolio and code https://youtu.be/YlqoMaMcL2E Download Source Code https://drive.google.com/drive/folders/1y0rE-ycsYm8eH5_Skq3225kkEkGC_5