Home
Videos uploaded by user “Bibek Shakya”
Custom Select using CSS only
 
08:54
This tutorial is all about creating Custom Select using HTML and CSS only. If you are looking for fancy select styles, then this video might help you. *********************************************************************** Demo: http://bibekshakya.com/demo/css-scss/custom-form-elements/ Please like, comment, share and subscribe for more updates. Best wishes for your coding!
Views: 5800 Bibek Shakya
Custom Checkbox using CSS only
 
08:02
This tutorial is all about creating Custom Checkbox using HTML and CSS only. If you are looking for fancy checkbox styles, then this video might help you. *********************************************************************** Demo: http://bibekshakya.com/demo/css-scss/custom-form-elements/ Please like, comment, share and subscribe for more updates. Best wishes for your coding! Thank you.
Views: 662 Bibek Shakya
Custom Radio Button using CSS only
 
08:53
This tutorial is all about creating Custom Radio Button using HTML and CSS only. If you are looking for fancy radio button styles, then this video might help you. Demo: http://bibekshakya.com/demo/css-scss/custom-form-elements/ Please like, comment, share and subscribe for more updates. Best wishes for your coding! Thank you.
Views: 2261 Bibek Shakya
Using icon font with Icomoon
 
08:18
In this tutorial, I am showing how to use SVG icon using Icomoon using 2 different method. 1. Adding code in HTML method 2. Adding code in CSS method (Pseudo Element) ---------------------------------------------------------------------------------------------------------------- Useful Links: https://icomoon.io/ Demo: http://www.bibekshakya.com/demo/html/using-svg-icon-with-icomoon/ Download Full Code: http://allwebnewz.blogspot.com/2018/07/using-icon-font-with-icomoon.html Project Folder Structure: https://www.youtube.com/watch?v=4-CVGWjJ7Pw Browser: https://www.google.com/chrome/ Text Editor: https://code.visualstudio.com/ ---------------------------------------------------------------------------------------------------------------- Please like, comment, share and subscribe for more updates. Best wishes for your coding!
Views: 971 Bibek Shakya
Using icon font with Font Awesome 5
 
05:48
In this tutorial, I am showing how to use SVG icon using Font Awesome 5 using 2 different method. 1. Adding code in HTML method 2. Adding code in CSS method (Pseudo Element) ---------------------------------------------------------------------------------------------------------------- Useful Links: https://fontawesome.com/ Demo: http://www.bibekshakya.com/demo/html/using-svg-icon-with-fontawesome5/ Download Full Code: http://allwebnewz.blogspot.com/2018/06/using-icon-font-with-font-awesome-5.html Browser: https://www.google.com/chrome/ Text Editor: https://code.visualstudio.com/ ---------------------------------------------------------------------------------------------------------------- Please like, comment, share and subscribe for more updates. Best wishes for your coding!
Views: 671 Bibek Shakya
Get JSON data using AJAX & Javascript in Flight Status Table
 
12:49
In this tutorial, I'll show you how to get dynamic data from JSON file using AJAX and Javascript. ----------------------------------------------------------------------------------------------------------- Useful Links: https://fonts.google.com/ https://fontawesome.com/ https://www.apachefriends.org/download.html Demo: http://www.bibekshakya.com/demo/ajax/flight-status-using-ajax-and-javascript/ Download Full Code: http://allwebnewz.blogspot.com/2018/07/get-json-data-using-ajax-javascript-in.html Project Folder Structure: https://www.youtube.com/watch?v=4-CVGWjJ7Pw Using Google Font: https://www.youtube.com/watch?v=XB7WCIHarE0 Using Font Awesome 5 https://www.youtube.com/watch?v=whwHhEJxOtI Browser: https://www.google.com/chrome/ Text Editor: https://code.visualstudio.com/ ----------------------------------------------------------------------------------------------------------- Please like, comment, share and subscribe for more updates. Best wishes for your coding!
Views: 765 Bibek Shakya
Create Signin Form using HTML and CSS   Part 7 Final
 
04:40
In this part, I have created the final page ie Forgot Password page and use HTML5 Form Validation. Tutorial Parts: Part 1 - Live Demo and Managing Files & Folders https://www.youtube.com/watch?v=neuyJKhJJV0 Part 2 - Creating HTML and using Font Awesome for Icons https://www.youtube.com/watch?v=f_BUODTlSMI Part 3 - Importing CSS and Google Font https://www.youtube.com/watch?v=FQWp1FSHTHQ Part 4 - Working with CSS https://www.youtube.com/watch?v=NaQoOVQyjR8 Part 5 - Custom Checkbox using CSS & Placeholder Color https://www.youtube.com/watch?v=qn6rtEChf9g Part 6 - Creating Sign up Form https://www.youtube.com/watch?v=YzIM2s9tGMI Part 7(Final) - Creating Forgot Password Form & HTML5 Validation https://www.youtube.com/watch?v=fsDh2astzK4 Demo: http://www.bibekshakya.com/demo/html/login-form/index.html Please like, comment, share and subscribe for more updates. Best wishes for your coding!
Views: 613 Bibek Shakya
Responsive Table
 
12:00
In this tutorial, I'll show you how to make responsive table. ----------------------------------------------------------------------------------------------------------- Useful Links: https://fonts.google.com/ Live Demo: http://bibekshakya.com/demo/css-scss/responsive-table/ Download Full Code: http://allwebnewz.blogspot.com/2018/12/html-code-index.html Using Google Font: https://www.youtube.com/watch?v=XB7WCIHarE0 Browser: https://www.google.com/chrome/ Text Editor: https://code.visualstudio.com/ ----------------------------------------------------------------------------------------------------------- Please like, comment, share and subscribe for more updates. Best wishes for your coding!
Views: 1699 Bibek Shakya
Simple Accordion using JQuery
 
10:36
In this tutorial, I'll show how to make accordion using JQuery. Useful Links: https://fonts.google.com/ https://code.jquery.com/ Demo: http://www.bibekshakya.com/demo/jquery/accordion/ Download Source Code: http://allwebnewz.blogspot.com/2018/07/simple-accordion-using-jquery.html Project Folder Structure: https://www.youtube.com/watch?v=4-CVGWjJ7Pw Using Google Font: https://www.youtube.com/watch?v=XB7WCIHarE0 Browser: https://www.google.com/chrome/ Text Editor: https://code.visualstudio.com/ ----------------------------------------------------------------------------------------------------------- Please like, comment, share and subscribe for more updates. Best wishes for your coding!
Views: 220 Bibek Shakya
Customise Wordpress Theme - Twenty Seventeen Theme
 
05:47
In this tutorial, I'll show how to customise general theme setting like changing the website's Title and Tagline, add or removing header's background images / videos, adding menu, changing theme colors etc. Note: This Theme Customise is based on WordPress Twenty Seventeen Theme. ----------------------------------------------------------------------------------------------------------- Please like, comment, share and subscribe for more updates. Best wishes for your coding!
Views: 229 Bibek Shakya
Same Height Block using CSS Table
 
04:52
In this tutorial, I'll show how to make same height block using CSS Table. Useful Links: https://fonts.google.com/ https://fontawesome.com/ Demo: http://bibekshakya.com/demo/css-scss/same-height-using-css/ Download Source Code: http://allwebnewz.blogspot.com/2018/07/same-height-block-using-css-table.html Project Folder Structure: https://www.youtube.com/watch?v=4-CVGWjJ7Pw Using Google Font: https://www.youtube.com/watch?v=XB7WCIHarE0 Using Font Awesome: https://www.youtube.com/watch?v=whwHhEJxOtI Browser: https://www.google.com/chrome/ Text Editor: https://code.visualstudio.com/ ----------------------------------------------------------------------------------------------------------- Please like, comment, share and subscribe for more updates. Best wishes for your coding!
Views: 119 Bibek Shakya
Building ToDo app using Javascript   Part 1
 
07:06
In this tutorial, I am showing you how to build ToDo app using Javascript. In this part, I'll quickly show the demo of how app will work and later show you how to show / hide content when clicking on button. ----------------------------------------------------------------------------------------------------------- Useful Links: https://fonts.google.com/ https://fontawesome.com/ Demo: http://www.bibekshakya.com/demo/javascript/todo-list-js/ Download Full Code: http://allwebnewz.blogspot.com/2018/07/building-todo-app-using-javascript.html Project Folder Structure: https://www.youtube.com/watch?v=4-CVGWjJ7Pw Using Google Font: https://www.youtube.com/watch?v=XB7WCIHarE0 Using Font Awesome 5 https://www.youtube.com/watch?v=whwHhEJxOtI Browser: https://www.google.com/chrome/ Text Editor: https://code.visualstudio.com/ ----------------------------------------------------------------------------------------------------------- Please like, comment, share and subscribe for more updates. Best wishes for your coding!
Views: 560 Bibek Shakya
Simple JQuery Lightbox Tutorial
 
17:32
In this Video, I'll be showing how to make Simple Jquery Lightbox Tutorial. ----------------------------------------------------------------------------------------------------------- Useful Links: https://fonts.google.com/ https://fontawesome.com/ https://code.jquery.com/ Demo: http://www.bibekshakya.com/demo/jquery/jquery-lightbox/ Download Full Code: http://allwebnewz.blogspot.com/2018/08/jquery-lightbox.html Project Folder Structure: https://www.youtube.com/watch?v=-Saw8jjU7p0 Using Google Font: https://www.youtube.com/watch?v=XB7WCIHarE0 Browser: https://www.google.com/chrome/ Text Editor: https://code.visualstudio.com/ ----------------------------------------------------------------------------------------------------------- Please like, comment, share and subscribe for more updates. Best wishes for your coding!
Views: 513 Bibek Shakya
Custom Ordered List
 
09:00
In this tutorial, I have shown how to make custom ordered list using 'counter-increment' CSS property and calling them in pseudo element. ******************************************************************* Demo: http://bibekshakya.com/demo/css-scss/custom-ordered-list/ Please like, comment, share and subscribe for more updates. Best wishes for your coding!
Views: 146 Bibek Shakya
Custom Toggle Switch using CSS only
 
09:10
This tutorial is all about creating Custom Toggle Switch using HTML and CSS only. If you are looking for fancy toggle styles, then this video might help you. *********************************************************************** Demo: http://bibekshakya.com/demo/css-scss/custom-form-elements/ Please like, comment, share and subscribe for more updates. Best wishes for your coding!
Views: 174 Bibek Shakya
Scroll Indicator using JQuery
 
06:52
In this Video, I'll be showing how to make horizontal scrollbar indicator using JQuery. ----------------------------------------------------------------------------------------------------------- Useful Links: https://fonts.google.com/ https://fontawesome.com/ https://code.jquery.com/ Demo: http://www.bibekshakya.com/demo/jquery/scroll-indicator-jquery/ Download Full Code: http://allwebnewz.blogspot.com/2018/08/scroll-indicator-using-jquery.html Project Folder Structure: https://www.youtube.com/watch?v=-Saw8jjU7p0 Using Google Font: https://www.youtube.com/watch?v=XB7WCIHarE0 Using Font Awesome 5 https://www.youtube.com/watch?v=whwHhEJxOtI Browser: https://www.google.com/chrome/ Text Editor: https://code.visualstudio.com/ ----------------------------------------------------------------------------------------------------------- Please like, comment, share and subscribe for more updates. Best wishes for your coding!
Views: 177 Bibek Shakya
Scrollable Responsive Table
 
05:46
In this tutorial, I'll show you how to make scrollable responsive table. ----------------------------------------------------------------------------------------------------------- Useful Links: https://fonts.google.com/ Demo: http://bibekshakya.com/demo/css-scss/scrollable-responsive-table/ Download Full Code: http://allwebnewz.blogspot.com/2018/07/scrollable-responsive-table.html Project Folder Structure: https://www.youtube.com/watch?v=-Saw8jjU7p0&t=0s&index=3&list=PLiUrl-SQRR7KMvroIpPc50itz6GhxPu2x https://www.youtube.com/watch?v=4-CVGWjJ7Pw&list=PLiUrl-SQRR7KMvroIpPc50itz6GhxPu2x&index=1 Using Google Font: https://www.youtube.com/watch?v=XB7WCIHarE0 Browser: https://www.google.com/chrome/ Text Editor: https://code.visualstudio.com/ ----------------------------------------------------------------------------------------------------------- Please like, comment, share and subscribe for more updates. Best wishes for your coding!
Views: 849 Bibek Shakya
CSS Accordion
 
09:26
In this tutorial, I'll be showing you how to make according using CSS only. ----------------------------------------------------------------------------------------------------------- Useful Links: https://fonts.google.com/ http://cubic-bezier.com/ Demo: http://bibekshakya.com/demo/css-scss/css-accordion/ Download Full Code: http://allwebnewz.blogspot.com/2018/08/css-accordion.html Project Folder Structure: https://www.youtube.com/watch?v=4-CVGWjJ7Pw&list=PLiUrl-SQRR7KMvroIpPc50itz6GhxPu2x&index=1 Using Google Font: https://www.youtube.com/watch?v=XB7WCIHarE0 Browser: https://www.google.com/chrome/ Text Editor: https://code.visualstudio.com/ ----------------------------------------------------------------------------------------------------------- Please like, comment, share and subscribe for more updates. Best wishes for your coding!
Views: 69 Bibek Shakya
Load More using Jquery
 
05:04
In this tutorial, I'll show you how to add Load More using Jquery. ----------------------------------------------------------------------------------------------------------- Useful Links: https://www.w3schools.com/jsref/jsref_slice_array.asp Demo: http://www.bibekshakya.com/demo/jquery/load-more/ Download Full Code: http://allwebnewz.blogspot.com/2019/02/live-demo-httpwww.html Browser: https://www.google.com/chrome/ Text Editor: https://code.visualstudio.com/ ----------------------------------------------------------------------------------------------------------- Please like, comment, share and subscribe for more updates. Best wishes for your coding!
Views: 105 Bibek Shakya
Create Signin Form using HTML and CSS - Part 6
 
05:42
In this part, I have created a new page for Register Form and added it's respective form fields and contents. Tutorial Parts: Part 1 - Live Demo and Managing Files & Folders https://www.youtube.com/watch?v=neuyJKhJJV0 Part 2 - Creating HTML and using Font Awesome for Icons https://www.youtube.com/watch?v=f_BUODTlSMI Part 3 - Importing CSS and Google Font https://www.youtube.com/watch?v=FQWp1FSHTHQ Part 4 - Working with CSS https://www.youtube.com/watch?v=NaQoOVQyjR8 Part 5 - Custom Checkbox using CSS & Placeholder Color https://www.youtube.com/watch?v=qn6rtEChf9g Part 6 - Creating Sign up Form https://www.youtube.com/watch?v=YzIM2s9tGMI Part 7(Final) - Creating Forgot Password Form & HTML5 Validation https://www.youtube.com/watch?v=fsDh2astzK4 Demo: http://www.bibekshakya.com/demo/html/login-form/index.html Please like, comment, share and subscribe for more updates. Best wishes for your coding!
Views: 142 Bibek Shakya
Generate Directive and Service using Angular CLI
 
02:49
In this tutorial, I'll show how to create Angular Directive and Service using CLI. I'll also show how to use shortcut method using alias. ----------------------------------------------------------------------------------------------------------- Generate Directive: ng generate directive search-box OR ng g d search-box2 Generate Service: ng generate service sales OR ng g s sales2 ----------------------------------------------------------------------------------------------------------- Please like, comment, share and subscribe for more updates. Best wishes for your coding!
Views: 33 Bibek Shakya
Same Height Block using CSS3 Flexbox
 
04:01
In this tutorial, I'll show how to make same height block using CSS3 Flexbox. Useful Links: https://fonts.google.com/ https://fontawesome.com/ Demo: http://bibekshakya.com/demo/css-scss/same-height-using-css/ Download Source Code: http://allwebnewz.blogspot.com/2018/07/same-height-block-using-css3-flexbox.html Project Folder Structure: https://www.youtube.com/watch?v=4-CVGWjJ7Pw Using Google Font: https://www.youtube.com/watch?v=XB7WCIHarE0 Using Font Awesome: https://www.youtube.com/watch?v=whwHhEJxOtI Browser: https://www.google.com/chrome/ Text Editor: https://code.visualstudio.com/ ----------------------------------------------------------------------------------------------------------- Please like, comment, share and subscribe for more updates. Best wishes for your coding!
Views: 72 Bibek Shakya
Create Component using Angular CLI
 
05:33
In this tutorial, I'll show how to create Angular Component using CLI. I'll also show how to use shortcut method using alias. ----------------------------------------------------------------------------------------------------------- Generate Component: ng generate component customer OR ng g c customer Generate Component with inline template and style: ng generate component customer --inline-template --inline-style OR ng g c customer -t -s OR ng g c customer -ts ----------------------------------------------------------------------------------------------------------- Please like, comment, share and subscribe for more updates. Best wishes for your coding!
Views: 44 Bibek Shakya
Create Signin Form using HTML and CSS - Part 3
 
07:00
In this part, I have imported 2 CSS ie main.css and reset.css. We use reset CSS because each browsers have their own stylesheet. Using reset CSS, every browser's default CSS will reset to null. I have also used google font named 'Quicksand' with normal font weight. Useful Links: https://meyerweb.com/eric/tools/css/reset/ https://fonts.google.com/ Tutorial Parts: Part 1 - Live Demo and Managing Files & Folders https://www.youtube.com/watch?v=neuyJKhJJV0 Part 2 - Creating HTML and using Font Awesome for Icons https://www.youtube.com/watch?v=f_BUODTlSMI Part 3 - Importing CSS and Google Font https://www.youtube.com/watch?v=FQWp1FSHTHQ Part 4 - Working with CSS https://www.youtube.com/watch?v=NaQoOVQyjR8 Part 5 - Custom Checkbox using CSS & Placeholder Color https://www.youtube.com/watch?v=qn6rtEChf9g Part 6 - Creating Sign up Form https://www.youtube.com/watch?v=YzIM2s9tGMI Part 7(Final) - Creating Forgot Password Form & HTML5 Validation https://www.youtube.com/watch?v=fsDh2astzK4 Demo: http://www.bibekshakya.com/demo/html/login-form/index.html Please like, comment, share and subscribe for more updates. Best wishes for your coding!
Views: 248 Bibek Shakya
Generate Class, Interface and Enum using Angular CLI
 
02:47
In this tutorial, I'll show how to create Angular Class, Interface and Enum using Angular CLI. I'll also show how to use shortcut method using alias. ----------------------------------------------------------------------------------------------------------- Generate Class: ng generate class models/customer OR ng g cl models/customer2 Generate Interface: ng generate interface models/person OR ng g i models/person2 Generate Enums: ng generate enum models/gender OR ng g e models/gender2 ----------------------------------------------------------------------------------------------------------- Please like, comment, share and subscribe for more updates. Best wishes for your coding!
Views: 89 Bibek Shakya
Linting in Angular
 
04:00
In this tutorial, I'll show how to use Angular Lint using CLI. ----------------------------------------------------------------------------------------------------------- Create new angular app ng new myapp Go inside the project folder cd myapp Help in Angular Lint ng lint myapp --help Show error if any using Angular Lint ng lint myapp --format stylish Fix the issue if possible ng lint myapp --fix ----------------------------------------------------------------------------------------------------------- Please like, comment, share and subscribe for more updates. Best wishes for your coding!
Views: 145 Bibek Shakya
Add WordPress themes and use them in website
 
04:29
In this tutorial, I'll show how to add Free WordPress theme and use them in our website. ----------------------------------------------------------------------------------------------------------- Please like, comment, share and subscribe for more updates. Best wishes for your coding!
Views: 42 Bibek Shakya
Using Google Font
 
04:34
In this tutorial, I'll show you how to search and use multiple google font in your website / project. ----------------------------------------------------------------------------------------------------------- Useful Links: https://fonts.google.com/ Download Full Code: http://allwebnewz.blogspot.com/2018/06/using-google-font.html Browser: https://www.google.com/chrome/ Text Editor: https://code.visualstudio.com/ ----------------------------------------------------------------------------------------------------------- Please like, comment, share and subscribe for more updates. Best wishes for your coding!
Views: 103 Bibek Shakya
Part 2 - Create Header | Make Desktop First Responsive Portfolio Website
 
06:54
Part 2 - Create Header *Live Demo* http://www.bibekshakya.com/demo/html/make-desktop-first-responsive-portfolio-website/ *Code Editor* Visual Studio Code *Browser* Google Chrome *Paypal Donation Link* https://www.paypal.me/bibekshakya *Facebook Group* https://www.facebook.com/groups/420155318802278/
Views: 18 Bibek Shakya
Create Signin Form using HTML and CSS - Part 4
 
13:00
This part is all about working with CSS. Here I have used box-sizing: border-box ie in an element, padding and border are included with height and width. For more info, please look at the link below. Useful Links: https://developer.mozilla.org/en-US/docs/Web/CSS/box-sizing Tutorial Parts: Part 1 - Live Demo and Managing Files & Folders https://www.youtube.com/watch?v=neuyJKhJJV0 Part 2 - Creating HTML and using Font Awesome for Icons https://www.youtube.com/watch?v=f_BUODTlSMI Part 3 - Importing CSS and Google Font https://www.youtube.com/watch?v=FQWp1FSHTHQ Part 4 - Working with CSS https://www.youtube.com/watch?v=NaQoOVQyjR8 Part 5 - Custom Checkbox using CSS & Placeholder Color https://www.youtube.com/watch?v=qn6rtEChf9g Part 6 - Creating Sign up Form https://www.youtube.com/watch?v=YzIM2s9tGMI Part 7(Final) - Creating Forgot Password Form & HTML5 Validation https://www.youtube.com/watch?v=fsDh2astzK4 Demo: http://www.bibekshakya.com/demo/html/login-form/index.html Please like, comment, share and subscribe for more updates. Best wishes for your coding!
Views: 165 Bibek Shakya
Install Node JS and NPM
 
03:17
In this tutorial, I'll download Node JS and installed them in windows. ------------------------------------------------------------------------------------------------------------ Download Node JS: https://nodejs.org/en/download/ Check Node version: node -v Check NPM version: npm -v Update NPM: npm install [email protected] -g ------------------------------------------------------------------------------------------------------------ Please like, comment, share and subscribe for more updates. Best wishes for your coding!
Views: 91 Bibek Shakya
Add Pages and make them visible in menu
 
05:09
In this tutorial, I'll show how to add pages and make them visible in menu in WordPress. ----------------------------------------------------------------------------------------------------------- Please like, comment, share and subscribe for more updates. Best wishes for your coding!
Views: 28 Bibek Shakya
Text Limit using JQuery
 
05:39
In this tutorial, I'll show you how to limit text using JQuery in an easy way. ----------------------------------------------------------------------------------------------------------- Useful Links: https://code.jquery.com/ Demo: http://bibekshakya.com/demo/jquery/text-limit-using-jquery/ Download Full Code: http://allwebnewz.blogspot.com/2018/11/text-limit-using-jquery.html Project Folder Structure: https://www.youtube.com/watch?v=4-CVG... Browser: https://www.google.com/chrome/ Text Editor: https://code.visualstudio.com/ ----------------------------------------------------------------------------------------------------------- Please like, comment, share and subscribe for more updates. Best wishes for your coding!
Views: 97 Bibek Shakya
Basic SCSS Folder Structure
 
07:23
This is the basic SCSS project's folder structure that I am going to use through out all basic tutorials. Project folder will include: CSS ( compiled CSS will be added here ) SCSS ( all SCSS files and folders will be added here ) index.html ( this is the main page ) ----------------------------------------------------------------------------------------------------------- Useful Links: http://koala-app.com/ Download Source Code: http://allwebnewz.blogspot.com/2018/07/basic-scss-folder-structure.html Project Folder Structure: https://www.youtube.com/watch?v=4-CVGWjJ7Pw Using Google Font: https://www.youtube.com/watch?v=XB7WCIHarE0 Browser: https://www.google.com/chrome/ Text Editor: https://code.visualstudio.com/ ----------------------------------------------------------------------------------------------------------- Please like, comment, share and subscribe for more updates. Best wishes for your coding!
Views: 195 Bibek Shakya
Add Widgets in Wordpress
 
05:15
In this tutorial, I'll show how to use different widgets and show them in our website. WordPress widget is a small block that performs a specific function. You can add these widgets in sidebars or footer or other areas. ----------------------------------------------------------------------------------------------------------- Please like, comment, share and subscribe for more updates. Best wishes for your coding!
Views: 32 Bibek Shakya
Create Signin Form using HTML and CSS - Part 1
 
02:12
In this part, I have shown the live demo of the form that we are going to build. Later, I have created a project folder and create new html file called 'index.html'. Tutorial Parts: Part 1 - Live Demo and Managing Files & Folders https://www.youtube.com/watch?v=neuyJKhJJV0 Part 2 - Creating HTML and using Font Awesome for Icons https://www.youtube.com/watch?v=f_BUODTlSMI Part 3 - Importing CSS and Google Font https://www.youtube.com/watch?v=FQWp1FSHTHQ Part 4 - Working with CSS https://www.youtube.com/watch?v=NaQoOVQyjR8 Part 5 - Custom Checkbox using CSS & Placeholder Color https://www.youtube.com/watch?v=qn6rtEChf9g Part 6 - Creating Sign up Form https://www.youtube.com/watch?v=YzIM2s9tGMI Part 7(Final) - Creating Forgot Password Form & HTML5 Validation https://www.youtube.com/watch?v=fsDh2astzK4 Demo: http://www.bibekshakya.com/demo/html/login-form/index.html Please like, comment, share and subscribe for more updates. Best wishes for your coding!
Views: 387 Bibek Shakya
Generate Pipe and ngModule using Angular CLI
 
04:02
In this tutorial, I'll show how to generate Pipe and ngModule using Angular CLI. I'll also show how to use shortcut method using alias. ----------------------------------------------------------------------------------------------------------- Generate Pipe: ng generate pipe shared/init-caps OR ng g p shared/init-caps2 Generate ngModule: ng generate module login OR ng g m login2 OR ng g m login3 --spec false -m app.module ----------------------------------------------------------------------------------------------------------- Please like, comment, share and subscribe for more updates. Best wishes for your coding!
Views: 44 Bibek Shakya
Part 1 - Getting Started with Demo | Make Desktop First Responsive Portfolio Website
 
09:08
Part 1 - Getting Started with Demo *Live Demo* http://www.bibekshakya.com/demo/html/make-desktop-first-responsive-portfolio-website/ *Google Font Tutorial* https://www.youtube.com/watch?v=XB7WCIHarE0&list=PLiUrl-SQRR7IcpOsNaTVihIrFekqC9WSQ *Code Editor* Visual Studio Code *Browser* Google Chrome *Paypal Donation Link* https://www.paypal.me/bibekshakya *Facebook Group* https://www.facebook.com/groups/420155318802278/
Views: 30 Bibek Shakya
Building ToDo app using Javascript - Part 2
 
08:40
This is second part of Building ToDo app using Javascript. In this part, I'll quickly show you how to add list item using input box and the button. ----------------------------------------------------------------------------------------------------------- Useful Links: https://fonts.google.com/ https://fontawesome.com/ Demo: http://www.bibekshakya.com/demo/javascript/todo-list-js/ Download Full Code: http://allwebnewz.blogspot.com/2018/07/building-todo-app-using-javascript.html Project Folder Structure: https://www.youtube.com/watch?v=4-CVGWjJ7Pw Using Google Font: https://www.youtube.com/watch?v=XB7WCIHarE0 Using Font Awesome 5 https://www.youtube.com/watch?v=whwHhEJxOtI Browser: https://www.google.com/chrome/ Text Editor: https://code.visualstudio.com/ ----------------------------------------------------------------------------------------------------------- Please like, comment, share and subscribe for more updates. Best wishes for your coding!
Views: 171 Bibek Shakya
Create Signin Form using HTML and CSS - Part 2
 
08:22
In this part, I have created HTML to build the structure of the Sign In form. For icons, I have used Font Awesome and added them in our HTML. Useful Links: https://fontawesome.com/ Tutorial Parts: Part 1 - Live Demo and Managing Files & Folders https://www.youtube.com/watch?v=neuyJKhJJV0 Part 2 - Creating HTML and using Font Awesome for Icons https://www.youtube.com/watch?v=f_BUODTlSMI Part 3 - Importing CSS and Google Font https://www.youtube.com/watch?v=FQWp1FSHTHQ Part 4 - Working with CSS https://www.youtube.com/watch?v=NaQoOVQyjR8 Part 5 - Custom Checkbox using CSS & Placeholder Color https://www.youtube.com/watch?v=qn6rtEChf9g Part 6 - Creating Sign up Form https://www.youtube.com/watch?v=YzIM2s9tGMI Part 7(Final) - Creating Forgot Password Form & HTML5 Validation https://www.youtube.com/watch?v=fsDh2astzK4 Demo: http://www.bibekshakya.com/demo/html/login-form/index.html Please like, comment, share and subscribe for more updates. Best wishes for your coding!
Views: 272 Bibek Shakya
Basic Project Structure
 
09:33
This is the basic project's folder structure that I am going to use through out all basic tutorials. Project folder will include: CSS ( all CSS will be added here ) JS ( all Javascript & Jquery will be added here ) Images ( all images and icons will be added here ) Fonts ( all custom fonts will be added here ) index.html ( this is the main page ) ----------------------------------------------------------------------------------------------------------- Useful Links: https://meyerweb.com/eric/tools/css/reset/ https://code.jquery.com/ Download Full Code: http://allwebnewz.blogspot.com/2018/06/html-code-index.html Browser: https://www.google.com/chrome/ Text Editor: https://code.visualstudio.com/ ----------------------------------------------------------------------------------------------------------- Please like, comment, share and subscribe for more updates. Best wishes for your coding!
Views: 86 Bibek Shakya
Create Signin Form using HTML and CSS - Part 5
 
06:50
In this part, I have shown the tutorial to make custom checkbox using CSS and change input's placeholder color. Tutorial Parts: Part 1 - Live Demo and Managing Files & Folders https://www.youtube.com/watch?v=neuyJKhJJV0 Part 2 - Creating HTML and using Font Awesome for Icons https://www.youtube.com/watch?v=f_BUODTlSMI Part 3 - Importing CSS and Google Font https://www.youtube.com/watch?v=FQWp1FSHTHQ Part 4 - Working with CSS https://www.youtube.com/watch?v=NaQoOVQyjR8 Part 5 - Custom Checkbox using CSS & Placeholder Color https://www.youtube.com/watch?v=qn6rtEChf9g Part 6 - Creating Sign up Form https://www.youtube.com/watch?v=YzIM2s9tGMI Part 7(Final) - Creating Forgot Password Form & HTML5 Validation https://www.youtube.com/watch?v=fsDh2astzK4 Demo: http://www.bibekshakya.com/demo/html/login-form/index.html Please like, comment, share and subscribe for more updates. Best wishes for your coding!
Views: 167 Bibek Shakya
Building ToDo app using Javascript - Final
 
07:13
This is final part of Building ToDo app using Javascript. In this part, I'll show how to delete, move the list up and down using its respective buttons. We'll be making use of Event Bubbling method, If else condition and DOM Navigation. ----------------------------------------------------------------------------------------------------------- Useful Links: https://fonts.google.com/ https://fontawesome.com/ https://javascript.info/bubbling-and-capturing https://www.w3schools.com/js/js_htmldom_navigation.asp Demo: http://www.bibekshakya.com/demo/javascript/todo-list-js/ Download Full Code: http://allwebnewz.blogspot.com/2018/07/building-todo-app-using-javascript.html Project Folder Structure: https://www.youtube.com/watch?v=4-CVGWjJ7Pw Using Google Font: https://www.youtube.com/watch?v=XB7WCIHarE0 Using Font Awesome 5 https://www.youtube.com/watch?v=whwHhEJxOtI Browser: https://www.google.com/chrome/ Text Editor: https://code.visualstudio.com/ ----------------------------------------------------------------------------------------------------------- Please like, comment, share and subscribe for more updates. Best wishes for your coding!
Views: 251 Bibek Shakya
Generate new Angular Application
 
09:11
In this tutorial, I'll show how to generate new angular application using CLI. ----------------------------------------------------------------------------------------------------------- Generate New Angular App ng new myapp Generate new app and skip installing node module and other dependencies ng new myapp --skip-install Generate new app without actually making any changes ng new myapp --dry-run Generate new app and change into different prefix ng new myapp --prefix acme --skip-install Generate new app and skip unit testing ng new myapp --skip-tests --prefix acme --skip-install Generate new app and start with SCSS instead of CSS ng new myapp --skip-tests --prefix acme --skip-install --style scss Get Angular Help ng new --help ----------------------------------------------------------------------------------------------------------- Please like, comment, share and subscribe for more updates. Best wishes for your coding!
Views: 73 Bibek Shakya
Angular CLI Setup and Status
 
04:24
In this tutorial, I'll show how to check minimum requirement needed to run Angular CLI before working with Angular project. ----------------------------------------------------------------------------------------------------------- Install Node and NPM https://www.youtube.com/watch?v=klZ2-eoKaa8 Check Node Version node -v Check NPM Version npm -v Install Angular Globally npm install -g @angular/cli Check Angular Version ng -v ----------------------------------------------------------------------------------------------------------- Please like, comment, share and subscribe for more updates. Best wishes for your coding!
Views: 94 Bibek Shakya
Customise Wordpress Homepage
 
06:37
In this tutorial, I'll show how to customise homepage of Wordpress. Here we'll add welcome content, our food menu and image, our drink menu and image and finally show blog post in homepage. Note: This Theme Customise is based on WordPress Twenty Seventeen Theme. ----------------------------------------------------------------------------------------------------------- Please like, comment, share and subscribe for more updates. Best wishes for your coding!
Views: 32 Bibek Shakya
Building ToDo app using Javascript - Part 3
 
06:28
This is third part of Building ToDo app using Javascript. In this part, I'll show how to add dynamic buttons instead of static HTML button in the app using variable, function and for loop. ----------------------------------------------------------------------------------------------------------- Useful Links: https://fonts.google.com/ https://fontawesome.com/ Demo: http://www.bibekshakya.com/demo/javascript/todo-list-js/ Download Full Code: http://allwebnewz.blogspot.com/2018/07/building-todo-app-using-javascript.html Project Folder Structure: https://www.youtube.com/watch?v=4-CVGWjJ7Pw Using Google Font: https://www.youtube.com/watch?v=XB7WCIHarE0 Using Font Awesome 5 https://www.youtube.com/watch?v=whwHhEJxOtI Browser: https://www.google.com/chrome/ Text Editor: https://code.visualstudio.com/ ----------------------------------------------------------------------------------------------------------- Please like, comment, share and subscribe for more updates. Best wishes for your coding!
Views: 107 Bibek Shakya
Same Height Block using Pseudo element
 
05:47
In this tutorial, I'll show how to make same height block using pseudo element. ----------------------------------------------------------------------------------------------------------- Useful Links: https://fonts.google.com/ https://fontawesome.com/ Demo: http://bibekshakya.com/demo/css-scss/same-height-using-css/ Download Full Code: http://allwebnewz.blogspot.com/2018/07/same-height-block-using-pseudo-element.html Project Folder Structure: https://www.youtube.com/watch?v=4-CVGWjJ7Pw Using Google Font: https://www.youtube.com/watch?v=XB7WCIHarE0 Using Font Awesome 5 https://www.youtube.com/watch?v=whwHhEJxOtI Browser: https://www.google.com/chrome/ Text Editor: https://code.visualstudio.com/ ----------------------------------------------------------------------------------------------------------- Please like, comment, share and subscribe for more updates. Best wishes for your coding!
Views: 64 Bibek Shakya
Add Post and Categories in Wordpress
 
05:15
In this tutorial, I'll show how to add posts and categories in WordPress. ----------------------------------------------------------------------------------------------------------- Please like, comment, share and subscribe for more updates. Best wishes for your coding!
Views: 31 Bibek Shakya
Work with Plugins in Wordpress
 
05:11
In this tutorial, I'll show how to add new plugins in your wordpress website. For demo, I'll show how to install, activate and use one of the popular plugin 'Contact Form 7' ----------------------------------------------------------------------------------------------------------- Please like, comment, share and subscribe for more updates. Best wishes for your coding!
Views: 33 Bibek Shakya