Home
Videos uploaded by user “FrontEndFunn”
How to Download and Use Font Awesome 5 Icons Offline in HTML - #frontendfunn
 
03:41
#fontAwesome5 #fontAwesome5Offline #fontAwesomeIcons Learn HTML CSS and Javascript. html css javascript How to Use Font Awesome 5 Icons Offline. font awesome 5 new version has been released. font awesome Icons is a popular font library which consists of web fonts which can be included in the webpage easily. or font awesome 5 icons can also be included in using CDN. font awesome 5 icons library consists of web icons which are available in different formats like font awesome 5 css files, font awesome 5 svg, font awesome 5 scss, font awesome 5 less. font awesome 5 icons are also available in production version i.e, you can use font awesome 5 icons using CDN and font awesome 5 icons are also available in development version i.e, you can use font awesome 5 icons offline. font awesome 5 icons download https://fontawesome.com/
Views: 64415 FrontEndFunn
Image Gallery Filters Tutorial | Image Portfolio Filters - #frontendfunn
 
30:00
#filters #galleryfilters #imagegallery #portfolio #gallery In this html css javscript tutorial we will learn "How to create Image Gallery Filters or Image Portfolio Filters " using html css javascript. To create image gallery with bootstrap and apply filter we are going to make use of javascript library called Filterizr. we are going to use bootstrap version 4, popular css framework to style the elements and also use jquery, popular javascript library. to create image filters. Filterizr Github Link:- https://github.com/giotiskl/Filterizr bootstrap 4 link https://getbootstrap.com/ jquery https://jquery.com/ code link:- https://drive.google.com/file/d/1pOxt0lYv5tn-80B8grBoDtNYxzvH4ZsW/view?usp=drivesdk Hope you find this video useful. please do watch other videos on my channel. please subscribe and share.
Views: 3291 FrontEndFunn
#frontendfunn - sidebar navigation menu bootstrap | How to Create Bootstrap Sidebar Navigation Menu
 
10:09
How to convert Bootstrap version 3 Mobile Responsive Navigation Menu into Sidebar Navigation Menu Bootstrap. Download The Bootstrap Sidebar Navigation Menu CSS and JS from the Link Below https://goo.gl/qXvokK If You Like the Video Please Like and Share. Any Queries Comment Below. Happy Coding :D
Views: 8990 FrontEndFunn
#frontendfunn - Amazon Affiliate Marketing Program | Amazon Affiliate API Integration Using Node.js
 
08:26
This Tutorial is an example to show how to integrate API of Amazon product advertising (application programming interface) using Node.js and display the JSON data received from the Amazon affiliate marketing API.we can list of products received from Amazon Affiliate Marketing Program API.
Views: 6381 FrontEndFunn
How to Install bitnami wordpress stack using virtualbox
 
06:57
#frontendfunn This video is about bitnami wordpress tutorial to teach you how to setup and install bitnami wordpress localhost using virtualbox on windows PC bitnami is a popular applications stack. what makes bitnami wordpress special is its one click installation solutions for wordpress. you can download the installers and virtual machines, which contains minimal linux opertaing system and fully configured bitnami wordpress stack. Bitnami wordpress stack virtual machines are compatible to run with Oracle Virtualbox and vmware workstation,vmware vsphere.. etc LINKS:- download bitnami wordpress from the below link https://bitnami.com/redirect/to/105800/bitnami-wordpress-4.5.2-0-linux-ubuntu-14.04-x86_64.zip download virtualbox setup from the below link https://www.virtualbox.org/wiki/Downloads #html #html5 #jquery #javascript #css3 #css #cssanimation #frontenddeveloper #webdevelopmemt #wedev #webanimation #js #programming #programmer #dev #developer #coded #codered #code #coder #coderslife #coderstrust #coderstyle
Views: 2522 FrontEndFunn
#flipkartAffiliate Flipkart Affiliate API 2018 Version 1.0 Integration Tutorial using nodejs - Part1
 
17:41
#frontendfunn In this Flipkart Affiliate Marketing API 2018 Version 1.0 Integration Tutorial we will make use of nodejs and expressjs, and integrate node app with flipkart affiliate marketing api. Flipkart has updated it's API from old version to new version v1.0. By using a npm package we will integrate the node application with Flipkart Affiliate Marketing API 2018 Version 1.0 . npm package https://www.npmjs.com/package/flipkart-api-affiliate-client express generator https://expressjs.com/en/starter/generator.html This is Part 1 of the video which show the product feed listing of the flipkart new affiliate Marketing API. Hope you find this video useful. please do watch other videos on my channel. please subscribe and share.
Views: 1201 FrontEndFunn
CSS Search Bar Animation Tutorial - #frontendfunn
 
13:51
#frontendfunn html css javascript Search Bar Animation Tutorial With HTML, CSS, and Javascript.
Views: 1444 FrontEndFunn
Pure CSS Sphere Tutorial - #frontendfunn
 
10:27
Pure CSS Sphere Tutorial using HTML5 and CSS3 Animations
Views: 1340 FrontEndFunn
Bootstrap Modal Center Align Vertically and Horizontally Working
 
04:03
#frontendfunn Bootstrap Modal Window align vertically and Horizontally
Views: 976 FrontEndFunn
Material Design Form CSS Input Label Animation Tutorial - #frontendfunn
 
20:07
Material Design Form Input Label Animation Tutorial using HTML5 and CSS3. we are making use of HTML5 CSS3 Validation Technique to create Material Design Form CSS input Label Animation.
Views: 1934 FrontEndFunn
How to use Github Octicons offline & through CDN Tutorial - #frontendfunn
 
06:20
#githubIcons #octicons #octiconscdn #git #github In this video we will take a look at how to use the github octicons in the html using offline and also through cdn. github's octicons are text icon font library which contains set of font icons used on github. just like font-awesome icons these icons can also be used online and as well as included offline in any project. github's octicons are all svg elements. by copying the code they can be included in the project. Hope you find this video useful. please do watch other videos on my channel. please subscribe and share. #html #html5 #jquery #javascript #css3 #css #cssanimation #frontenddeveloper #webdevelopmemt #wedev #webanimation #js #programming #programmer #dev #developer #coded #codered #code #coder #coderslife #coderstrust #coderstyle
Views: 614 FrontEndFunn
Material.io Web Components Tutorial - 2. Using Material Design Button Components - #frontendfunn
 
10:34
#material.io #webcomponents #materialcomponents #googlematerialdesign #materialdesign Material.io is component based which is developed by google to build applications. Material.io is developed for a variety of platforms which include ios, android, flutter as well as web. In this Material.io Web Components Tutorial Series I will walk you through the basic usage of the material.io components, which helps you to get started using these components in your projects. This is Part Two of the tutorial where I will Show you the basic usage of @material/button component. Because Material.io is component based we need to install the specific component into our project using npm. In this tutorial i will walk you through the installation of material button component and its basic usage in our project. I will also discuss the different types of buttons that are available in the Material.io Components. Follow the steps in the tutorial and get started Github Repo Link - https://github.com/frontendfunn/Material.io-Web Thanks For Watching. hope you enjoyed this video. Please do watch other videos on my channel. please share and subscribe. Do visit our website for more fun stuff @ http://www.frontendfunn.com Happy Coding :D
Views: 983 FrontEndFunn
How To use Font Awesome 5 Icons in HTML using CDN - html css javascript
 
02:44
#frontendfunn #fontAwesome5 #fontAwesome5CDN #fontAwesomeIcons html css javascript Learn HTML CSS and Javascript. How to Use Font Awesome 5 Icons Offline. font awesome 5 new version has been released. font awesome Icons is a popular font library which consists of web fonts which can be included in the webpage easily. or font awesome 5 icons can also be included in using CDN. font awesome 5 icons library consists of web icons which are available in different formats like font awesome 5 css files, font awesome 5 svg, font awesome 5 scss, font awesome 5 less. font awesome 5 icons are also available in production version i.e, you can use font awesome 5 icons using CDN and font awesome 5 icons are also available in development version i.e, you can use font awesome 5 icons offline. font awesome 5 icons download https://fontawesome.com/
Views: 4217 FrontEndFunn
Bootstrap 4 Sidebar Navigation Menu Tutorial - Code Updated - #frontendfunn
 
05:03
#sidemenu #sidebarmenu #bootstrapsidebar #bootstrap In this Tutorial we will create mobile responsive sidebar menu navigation for the most popular css framework, Bootstrap 4 new release. To create mobile responsive bootstrap 4 sidebar navigation or mobile responsive bootstrap 4 side menu navigation, you need to include css and js files in your html page. Next You need to add couple of classes to get the effect. Note :- Don't Forget to remove ---- data-toggle="collapse" ----attribute on the toggler button Thanks For Watching. hope you enjoyed this video. Please do watch other videos on my channel. please share and subscribe. Web development | HTML | CSS | SCSS | javascript Tutorials ------------------------------------------- https://www.youtube.com/playlist?list=PLSQ4mck-bvik9o8IJGoMezRsOjqia-y36&disable_polymer=true ==================================================== You can find the source code at frontendfunn website http://www.frontendfunn.com ==================================================== ************************************************************* Facebook https://www.facebook.com/Frontendfunn-222709251757726/ Instagram https://www.instagram.com/frontendfunn/ Happy Coding :D *************************************************************
Views: 17652 FrontEndFunn
Material.io Web Components Tutorial - 1. Basic Installation and  Setup - #frontendfunn
 
06:30
#material.io #webcomponents #materialcomponents #googlematerialdesign #materialdesign Material.io is component based which is developed by google to build applications. Material.io is developed for a variety of platforms which include ios, android, flutter as well as web. In this Material.io Web Components Tutorial Series I will walk you through the basic usage of the material.io components, which helps you to get started using these components in your projects. This is Part one of the tutorial where I will Show you the basic setup and installation required. I will aslo show you how to run the dev server with webpack4. There is also production version you can build which generates the minified versions of html, css and javascript. Follow the steps in the tutorial and get started Github Repo Link - https://github.com/frontendfunn/Material.io-Web Thanks For Watching. hope you enjoyed this video. Please do watch other videos on my channel. please share and subscribe. Do visit our website for more fun stuff @ http://www.frontendfunn.com Happy Coding :D
Views: 1895 FrontEndFunn
Animated Hamburger Menu Icon Toggle Tutorial - #frontendfunn
 
10:00
#hamburgerMenu #menuIcon #toggleMenu html css javascript - Hamburger Menu Icon Toggle Animation Tutorial Hamberger Menu Tutorial using HTML CSS Javascript - HTML5 CSS3 Tutorials. Hamberger Menu Icon tutorial, hamberger menu css, hamberger menu animation, hamberger menu tutorial,
Views: 1189 FrontEndFunn
Google Material Design Ripple Effect Animation Tutorial - #frontendfunn
 
10:12
html css javascript Material Design Ripple Effect using HTML 5, CSS 3, and Javascript Tutorial. In this material design ripple effect css animation tutorial, we are going to create a ripple effect like material design android in the web page using the javascript library, jquery and css3 animations. Hope you find this video useful. please do watch other videos on my channel. please subscribe and share.
Views: 490 FrontEndFunn
FontAwesome Buttons Animation Toggle Effect Tutorial - #frontendfunn
 
21:58
#fontawesome #togglebutton #iconanimation #animation In this tutorial, we will create a Font Awesome Button Toggle Animation using the scss and javascript popular library , jQuery and font awesome icons. we will learn how to add font awesome icons inside the button and we make use of css animations and create cool love toogle effect on a button. Hope you find this video useful. please do watch other videos on my channel. please subscribe and share.
Views: 784 FrontEndFunn
#frontendfunn - Before and After Image Slider using Zurb Foundation TwentyTwenty.js
 
09:02
#beforeAfterImageSlider #beforeAfterSlider #imageSlider #sliderimages #twentytwenty In this Before After Image Slider using Zurb Foundation Library, we are going to make use of javascript plugin called "TwentyTwenty" which is from ZURB Foundation. We will be creating the before after slider using this twentytwenty before after slider plugin. we can create vertical before after slider or horizontal before after slider based on the options we have passed. Sorry Guys I have Misspelt the word "twentytwenty", basically you can you any class name that don't conflict with other class name Download the twenty twenty before after slider from the github. I have explained how to download and install in to your project. Here is the link for the github repo. https://github.com/zurb/twentytwenty Hope you find this video useful. please do watch other videos on my channel. please subscribe and share. Happy Coding :D
Views: 570 FrontEndFunn
Material.io Web Components Tutorial - 3. Using Floating Action Button Component - #frontendfunn
 
12:27
#material.io #webcomponents #materialcomponents #googlematerialdesign #materialdesign Material.io is component based which is developed by google to build applications. Material.io is developed for a variety of platforms which include ios, android, flutter as well as web. In this Material.io Web Components Tutorial Series I will walk you through the basic usage of the material.io components, which helps you to get started using these components in your projects. This is Part Three of the tutorial where I will Show you the basic usage of @material/fab component. Because Material.io is component based we need to install the specific component into our project using npm. In this tutorial i will walk you through the installation of material floating action button component and its basic usage in our project. I will also discuss the different types of floating action buttons that are available in the Material.io Components. Follow the steps in the tutorial and get started Github Repo Link - https://github.com/frontendfunn/Material.io-Web Thanks For Watching. hope you enjoyed this video. Please do watch other videos on my channel. please share and subscribe. Do visit our website for more fun stuff @ http://www.frontendfunn.com Happy Coding :D
Views: 255 FrontEndFunn
Sign up and Sign in Form Animation Tutorial - #frontendfunn
 
53:24
#signInForm #signUpForm #htmlForms #cssAnimations In This Sign up and Sign in Form Animation Tutorial, we will be creating a sign in and sign up form card animation effect. At First we will create sign up form and sign in from. add styles to these forms using css. later we will make use of jquery to make the form active state and toggle the other form active state. To create a cool card animation effect, we make use of css3 animations and apply css3 transform property and use the css3 translate property , css3 transform rotate property and animate the elements to get this cool effect. Hope you find this video useful. please do watch other videos on my channel. please subscribe and share.
Views: 612 FrontEndFunn
Visual Studio Code | vscode -  Live Server and Live SCSS Setup - #frontendfunn
 
05:48
#liveserver #css #scss #vscode In this VSCode Setup With Live Server and Live SCSS, I will walk you through the setting of Visual Studio Code with the live server and Live scss extensions. Download VS Code from https://code.visualstudio.com/ Live Server Extension https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer Live SASS / SCSS Extension https://marketplace.visualstudio.com/items?itemName=ritwickdey.live-sass Thanks For Watching. hope you enjoyed this video. Please do watch other videos on my channel. please share and subscribe. Advanced HTML CSS JAVASCRIPT SCSS Tutorials ------------------------------------------- https://www.youtube.com/playlist?list=PLSQ4mck-bvik9o8IJGoMezRsOjqia-y36&disable_polymer=true ************************************************************* Facebook https://www.facebook.com/Frontendfunn-222709251757726/ Instagram https://www.instagram.com/frontendfunn/ Happy Coding :D *************************************************************
Views: 111 FrontEndFunn
Particles Button Animation Tutorial - #frontendfunn
 
25:17
#particles #particlesbutton #particlesanimation #particleseffect in this video we are going to create particles button using html css and javascript. we will try to create a css animation button. on click of the button we generate particles bubbles of different sizes spread around the button and spread on the page with animation. Libraries Used jQuery https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js Hope you find this video useful. please do watch other videos on my channel. please subscribe and share.
Views: 599 FrontEndFunn
Font Awesome Icon Animation Tutorial - #frontendfunn
 
10:05
html css javascript Font Awesome icon HTML CSS tutorial, Font Awesome Icon HTML CSS Animation Tutorial Font Awesome animation tutorial, The Iconic Font Awesome Animation Tutorial using HTML5, CSS3, and jQuery. /******************* Libraries Used ********************/ Download the Font Awesome Icons from the below link http://fontawesome.io/ Download the Jquery javascript Library form the below link https://jquery.com/
Views: 386 FrontEndFunn
Javascript clock digital 24 hours Animation Tutorial - #frontendfunn
 
25:28
#clock #digitalclock #javascriptclocktutorial #html #css In this JavaScript clock digital 24 hrs Tutorial tutorial we are going to build javascript clock digital 24 hours. We are going to achieve the javascript clock animation using the popular javascript library framework jquery, which make the javascript clock to update every second and show the javascript clock timer. we will make use of css3 animations to create javascript animated clock digital 24 hours. Libraries used:- jQuery, Most Popular JavaScript Library Powering Most of the Websites Today. Download the Latest Version of jQuery from https://jquery.com/ Download the jQuery from CDN https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js
Views: 801 FrontEndFunn
Pure CSS Loader Animation Tutorial - #frontendfunn
 
13:28
#purecss #scss #cssloader #loadinganimation In this Pure CSS Loader Animation Tutorial, we begin by creating a ul element with a class of loader and give it some height and width. we position the loader at the center of the page. Inside the ul we will be having the 10 list items. Each list item consists of a div with a class of circle. we position the list items absolute and rotate them via bottom to form a 360deg. we make use of the scss for loop to to generate the color for the borders of the circle element. we will use @keyframes animation to animate the list items to form 360deg and also we apply a animation on the loader to rotate it 360deg. Thanks For Watching. hope you enjoyed this video. Please do watch other videos on my channel. please share and subscribe. Advanced HTML CSS JAVASCRIPT SCSS Tutorials ------------------------------------------- https://www.youtube.com/playlist?list=PLSQ4mck-bvik9o8IJGoMezRsOjqia-y36&disable_polymer=true ************************************************************* Facebook https://www.facebook.com/Frontendfunn-222709251757726/ Instagram https://www.instagram.com/frontendfunn/ Happy Coding :D *************************************************************
Views: 52 FrontEndFunn
Material.io Web Components Tutorial - 6. Card Component - #frontendfunn
 
14:16
#material.io #webcomponents #materialcomponents #googlematerialdesign #materialdesign Material.io is component based which is developed by google to build applications. Material.io is developed for a variety of platforms which include ios, android, flutter as well as web. In this Material.io web components Tutorial Series I will walk you through the basic usage of the material.io components, which helps you to get started using these components in your projects. This is Part six of the tutorial where I will Show you the basic usage of @material/card component. we will start with building a basic card component to advanced card component, and add the action buttons and adction icons to these cards. Follow the steps in the tutorial and get started Github Repo Link - https://github.com/frontendfunn/Material.io-Web Thanks For Watching. hope you enjoyed this video. Please do watch other videos on my channel. please share and subscribe. Do visit our website for more fun stuff @ http://www.frontendfunn.com Happy Coding :D
Views: 200 FrontEndFunn
font-awesome Icons Animation Tutorial - #frontendfunn
 
13:16
#fontAwesomeIcons, #fontAwesomeIconsAnimation, #iconsAnimation #pureCSS In this Font Awesome Icons Animation, we are going to animate the font awesome icons the pure css way, we will add 100 particle div elements with font-awesome icons init to the html page, we will make use of scss for random function and place the elements at random places and using the css3 animations we wil create a blow out effect on these elements. we will also add some delay on each of the animating elemetns to get the smooth animation effect. Hope you find this video useful. please do watch other videos on my channel. please subscribe and share. Happy Coding :D
Views: 146 FrontEndFunn
Pure CSS Loader Animation Tutorial - #frontendfunn
 
08:47
#purecss #cssloader #loadinganimation #css3animation In this tutorial you will learn to create pure css loader spinner. This is a Pure CSS Loader spinner Animation created using HTML5 and CSS3. we will make use of the css3 animations to rotate the element and animate it based on the timing function.
Views: 290 FrontEndFunn
Form Input Animation Tutorial - #frontendfunn
 
34:15
#htmlForms #input #inputFormAnimation #html #css In this html form animation tutorial, we will create a form input box animation effect using html css and javascript. we will create a switching effect between the form input elements on foucs on the element using the keyboard as well as on mouse click. To create a switching effect we will be using css3 animation properties like transform scale property and animate the corresponding input element based on the foucs of the html input element made by the user. we will make use of javascript library jquery to add and remove classes to the elements based on timing.
Views: 383 FrontEndFunn
Pure CSS Animation Tutorial   Advanced CSS3 Transformations and Animations - #frontendfunn
 
20:19
#purecss #css3animations #cssanimation #html #htmlcssjavascript #scss in this Pure CSS Animation Tutorial - Advanced CSS3 Transformations and Animations, we wil make use of div with a class of circle. inside each circle div we will have a div with a class of wrapper and inside each wrapper we will have 10 span elements. we will make the circle div spread across the loader div 360. To achive this we will make use of scss for loop and css transformations and rotate the circle elements around the loader div. we will apply the transformations on the span elements and spread these elements around the wrapper div. for each of the span elements we wiil make use of the pseudo element before and rotate it via x axis and position it on the span element. Now we will make use of css3 animations and keyframes , apply the animation on the wrapper elements to roatate the elements. Finally we will achive this cool looking animation using pure css. Thanks For Watching. hope you enjoyed this video. Please do watch other videos on my channel. please share and subscribe. You can find the source code at frontendfunn.com http://www.frontendfunn.com Happy Coding :D ====================================
Views: 289 FrontEndFunn
Pure CSS Squares Loader Animation Tutorial - #frontendfunn
 
18:24
#purecss #cssloader #loaderanimation #scss #html in this Pure CSS Squares Loader Animation Tutorial, we will make use of the scss cubes mixin with length as a parameter. we begin by creating a loader div and place four cubes inside the loader div. Next we target the cube elements individually and add animations to these elements. we will make use of transform translate property and add animation to the cube elements. To create a shadow to the cube elements we will make use of the pseudo element ::after translate the element via z axis and set the background color to light gray. To create a blur effect on the shadow we will make use of the filter blur property. Thanks For Watching. hope you enjoyed this video. Please do watch other videos on my channel. please share and subscribe. Advanced HTML CSS JAVASCRIPT SCSS Tutorials ------------------------------------------- https://www.youtube.com/playlist?list=PLSQ4mck-bvik9o8IJGoMezRsOjqia-y36&disable_polymer=true ==================================================== You can find the source code at frontendfunn.com http://www.frontendfunn.com ==================================================== ************************************************************* Facebook https://www.facebook.com/Frontendfunn-222709251757726/ Instagram https://www.instagram.com/frontendfunn/ Happy Coding :D *************************************************************
Views: 131 FrontEndFunn
Pure CSS DNA Loader Animation Tutorial - #frontendfunn
 
20:26
#pureCSS #spinner #loader #cssloaderanimation In this DNA Loader animation tutorial, we are going to create a pure css DNA loader animation using html and css. We will make use of before and after pseudo elements and animate the elements to create a rotating effect. we will use css3 @keyframes animation and animate the z-index property on these elements to create DNA effect. We will also apply animation delay on these elements to create the loading effect. Hope you find this video useful. please do watch other videos on my channel. please subscribe and share.
Views: 253 FrontEndFunn
How To Add Google Recaptcha V2 to HTML Form and Submit - #frontendfunn
 
18:38
#googlerecaptcha #recaptcha #recaptchav2 #capthca In This Video we are going to add google recaptcha v2 to website registration form , login from or contact us form. we will make use of free hosting and domain and add google recapthca to the side. we also perform client side google captcha integration as well as server slide google captcha validation status check. Visit here for live testing http://testcodehere.epizy.com/ Hope you find this video useful. please do watch other videos on my channel. please subscribe and share. Thanks. Happy Coding :D
Views: 10671 FrontEndFunn
Pure CSS Spinner Loader Animation Tutorial - #frontendfunn
 
13:13
#purecss #pureCSSLoader #pureCssLoaderAnimation In this tutorial we will create pure css spinner loader using html css. we will make use of css3 animations to animate the spinner loader.
Views: 165 FrontEndFunn
Pure CSS Bouncing Boxes Loader Animation Tutorial - #frontendfunn
 
19:12
#boxloader #purecss #cssloader #loaderanimation #preloader In this Pure CSS Bouncing Bouncing Boxes Loader Tutorial, we will be making use of two span elements and style them using css, so that they appear as squares. we will position them absolute and using css3 animations we will make the animation as if the boxes are bouncing with a squeezing effect. At first ew will make them appear as rectangle and using @keyframes animations we will translate the elements via Y axis and we will animate the height and width and make them appear as square. at the end of the animation we will make them appear as a rectangle again to get squeezing effect. we will also make use of pseudo element and create a dropshadow effect and even animate the shadow opacity based on the timing. This pure css bouncing box loader was created which was inspired from loader .gif which i found on the web. Thanks For Watching. hope you enjoyed this video. Please do watch other videos on my channel. please share and subscribe. You can find the source code at frontendfunn.com http://www.frontendfunn.com Happy Coding :D
Views: 251 FrontEndFunn
#flipkartAffiliate Flipkart Affiliate API 2018 Version 1.0 Integration Tutorial using nodejs - Part4
 
09:11
#frontendfunn In this video we will make use of nodejs and expressjs, and integrate node app with flipkart affiliate marketing api. Flipkart has updated it's API from old version to new version v1.0. By using a npm package we will integrate the node application with flipkart new API 2018. npm package https://www.npmjs.com/package/flipkart-api-affiliate-client express generator https://expressjs.com/en/starter/generator.html In This Part 4 of the video we will try fetch the products from the database and display it to the user. Hope you find this video useful. please do watch other videos on my channel. please subscribe and share.
Views: 327 FrontEndFunn
24 hours Digital Clock using Pseudo Elements Tutorial - #frontendfunn
 
36:38
#javascriptDigitalClock #24HoursDigitalClock #javascript24hrsClock In this Digital Clock Animation Tutorial, we are going to make a 24 hrs clock animation using html css javascript and jquery. we will make a div with class of digit and using the before and after pseudo elements we will try to reacreate the div to display as numbers . using the javascript we will create a new date object and retrive the seconds, minutes and hours. we will fetch the first and last digits and based on the first or last digits we will add the corresponding class to the digit to display the digital clock. To make the animation look more ease we will make use of the css3 transitions and animate the before and after pseudo elements. Hope you find this video useful. please do watch other videos on my channel. please subscribe and share.
Views: 184 FrontEndFunn
Google Mobile Sites Certification Exam - Jan 2018
 
39:26
#frontendfunn Google Mobile Sites Certification Exam - Jan 2018
Views: 791 FrontEndFunn
Advanced Text Animation Tutorial using Animate.css Library - #frontendfunn
 
20:57
In this tutorial we will make use of most popular css animation library, Animate.css using animate.css and jquery, we can animate the text letter by letter and can apply the animate.css library css classes like bounce, fadeIn, wobble, slideIn , etc.. to create advanced text animations. Hope you find this video useful. please do watch other videos on my channel. please subscribe and share.
Views: 723 FrontEndFunn
Javascript Analog Clock Animation Tutorial - #frontendfunn
 
24:47
Javascript Analog Clock Animation Tutorial. Analog Clock Animation using html css javsacript Tutorial. In this javascript analog clock animation tutorial we are going to build javascript rotating clock digital . We are going to achieve the javascript clock animation using the popular javascript library framework jquery, which make the javascript clock to update every second and show the javascript clock timer. Libraries used jQuery - Javascript Library Download Latest Version of jQuery from https://jquery.com/
Views: 477 FrontEndFunn
#frontendfunn - HTML5 Audio Player Tutorial with Click and Scroll Controls-Part1
 
54:17
#htmlAudioPlayer #webAudioPlayer #audioPlayer In this Audio Player Tutorial, we will be making a html custom audio player using html css and javascript. This video is the part 1 of the series where we are going to write the markup needed for the html custom audio player and style the player using custom styles. In the part 2 of the video we will add the html custom audio player full controls using the javascript jquery plugins. By the end of part 2 of this custom audio player series we are done, creating a custom html5 Audio Player Tutorial with Click and Scroll Controls. Credits for the Audio Music Used in this video goes to Spring by Ikson https://soundcloud.com/ikson Music promoted by Audio Library https://youtu.be/5WPnrvEMIdo Hope you find this video useful. please do watch other videos on my channel. please subscribe and share.
Views: 781 FrontEndFunn
Javascript Clock Tutorial Displaying Day, Date and Month - #frontendfunn
 
58:20
#javascriptClock #javascriptAnalogClock #javascriptClockWithDate #clockanimation #htmlclock html css javascript - Javascript Clock Tutorial Displaying Day, Date and Month. In this Javascript clock tutorial, we are going to create javascript analog digital clock using html css javascript jquery. we will make use of javascript Date object and get date, time, month day and display them on the web page. we will make use of jquery, popular javascript library and use the CSS3 animations to create the css animation effect. Hope you find this video useful. please do watch other videos on my channel. please subscribe and share.
Views: 311 FrontEndFunn
html css javascript - CSS Search Bar Animation Tutorial
 
07:38
#frontendfunn html css javascript CSS Search Bar Animation using HTML5 and CSS3 Tutorial. CSS Search Box with Icon Animation.
Views: 5451 FrontEndFunn
Advanced Text Animation Tutorial using Magic Animations Library - #frontendfunn
 
20:53
#textanimation #advancedtextanimation #animatedtext #textanimationtutorial In this Advanced Text Animation Tutorial using Magic Animations Library, we will make use of CSS3 animation library called Magic Animation css3 and apply those animations to the text to create html text animation effects. we will make use of jQuery, javascript popular library to create css text animation letter by letter and add library animation classes to get text animation special effects like bounce letters in the text, fade in animation letter by letter, etc Download the Library from Magic Animation css3 library https://github.com/miniMAC/magic Hope you find this video useful. please do watch other videos on my channel. please subscribe and share. Happy Coding :D
Views: 278 FrontEndFunn
html css javascript - SelectAll checkbox jquery Tutorial
 
13:10
#frontendfunn html css javascript - Javascript SelectAll Tutorial. select all checkbox select all checkbox jquery select all checkbox javascript How to implement Select All functionality on a web page using javascript html css.
Views: 92 FrontEndFunn
#frontendfunn - How to use FontAwesome5 icons with SASS / SCSS offline in HTML
 
18:01
#fontawesome5 #fontawesomeoffline #scss #sass #fontawesome5icons Learn HTML CSS and Javascript. html css javascript How to Use Font Awesome 5 Icons Offline. font awesome 5 new version has been released. font awesome Icons is a popular font library which consists of web fonts which can be included in the webpage easily. or font awesome 5 icons can also be included in using CDN. font awesome 5 icons library consists of web icons which are available in different formats like font awesome 5 css files, font awesome 5 svg, font awesome 5 scss, font awesome 5 less. font awesome 5 icons are also available in production version i.e, you can use font awesome 5 icons using CDN and font awesome 5 icons are also available in development version i.e, you can use font awesome 5 icons offline. This video shows how to use font Awesome 5 icons using sass. | This video shows how to use font Awesome 5 icons using scss. font awesome 5 icons download https://fontawesome.com/ Hope you find this video useful. please do watch other videos on my channel. please subscribe and share.
Views: 2819 FrontEndFunn
social media icons Animation Tutorial - #frontendfunn
 
18:58
Social Media Icons Animation Tutorial using HTML5 and CSS3 In this video we are going to create soicial media icons cube effect using pure css3 animations.
Views: 179 FrontEndFunn
Font Awesome Icons Animation using Javascript Tutorial - #frontendfunn
 
15:43
#fontawesome #heartanimation #loveanimation #fontawesomeicons #fontawesomeiconsanimation In this html, css, javascript tutorial, we will try to create Font Awesome Icons Animation. We will make use of jquery, javascript's most popular library and create clones of the font awesome icon using jquery clone method and position the font awesome icon randomly over the web page. Using jquery animate method we will animate the font awesome icon to create cool animation effect. Hope you find this video useful. please do watch other videos on my channel. please subscribe and share.
Views: 253 FrontEndFunn
html css javascript - Create HTML Login and Register Form Tutorial
 
26:42
#frontendfunn html css javascript HTML Login and Register Form Tutorial using CSS3 Animations Libraries Used Font Awesome Icon CSS Download font-awesome icons css from http://fontawesome.io Javascript Jquery Library https://jquery.com
Views: 205 FrontEndFunn