Web Development
-
08:02
Align Text Using CSS Flex | Tutorial For Beginners
Added 20 Views / 0 LikesAlso Watch : Align Item Using CSS Grid | Tutorial For Beginners https://youtu.be/VWYmx-zXSLk ------------------ Enroll My Course : Next Level CSS Animation and Hover Effects https://www.udemy.com/course/css-hover-animation-effects-from-beginners-to-expert/?referralCode=90A9FFA7990A4491CF8D Another Course : Build Complete Real World Responsive Websites from Scratch https://www.udemy.com/course/complete-responsive-website-design-from-scratch/?referralCo
-
01:12
All 3 Staggering Text Effects using Blotter.js with Codepen's Link
Added 66 Views / 0 LikesUsed Plugin : https://blotter.js.org/ Codepen Links with Credit To owner ----------------- RGB Lights (Created By : Taj Rahman) https://codepen.io/tajdid/pen/gvXjwE ----------------- Particles (Created By : Jonathan Wood) https://codepen.io/Bamblehorse/pen/RQMMBM ----------------- Liquid (Created By : Konstantin Zhabinskiy) https://codepen.io/zhabinskiy/pen/KbKYJg Please LIKE our Facebook page for daily updates... https://www.facebook.com/Online-Tutor
-
42:02
Alpine.js Crash Course
Added 12 Views / 0 LikesWe will learn about all of the Alpine.js directives, properties as well as stores. Code: https://codepen.io/bradtraversy/pen/NWyrEZv 👇 Website & Courses: https://traversymedia.com 💖 Show Support Patreon: https://www.patreon.com/traversymedia PayPal: https://paypal.me/traversymedia 👇 Follow Me On Social Media: Twitter: https://twitter.com/traversymedia Instagram: https://www.instagram.com/traversymedia Linkedin: https://www.linkedin.com/in/bradtraversy
-
22:35
Amazing Working Analog and Digital Clock Design using Html CSS & Javascript
Added 16 Views / 0 LikesClick For More : https://www.youtube.com/c/OnlineTutorials4Designers/videos?sub_confirmation=1 ------------------ Enroll My Course : Next Level CSS Animation and Hover Effects https://www.udemy.com/course/css-hover-animation-effects-from-beginners-to-expert/?referralCode=90A9FFA7990A4491CF8D CSS Infinity Course : https://www.udemy.com/course/infinity-creative-css-animation-course/learn/lecture/28410660?referralCode=7AC20462B284B24ECCFF#overview Anothe
-
22:08
Amazing Working Digital Clock using Html CSS SVG & Javascript 02 | Simple Javascript Projects
Added 15 Views / 0 LikesClick For More : https://www.youtube.com/c/OnlineTutorials4Designers/videos?sub_confirmation=1 ------------------ Enroll My Course : Next Level CSS Animation and Hover Effects https://www.udemy.com/course/css-hover-animation-effects-from-beginners-to-expert/?referralCode=90A9FFA7990A4491CF8D CSS Infinity Course : https://www.udemy.com/course/infinity-creative-css-animation-course/?referralCode=7AC20462B284B24ECCFF Another Course : Build Complete Real
-
21:29
Amazing Working Digital Clock using Html CSS SVG & Javascript | Simple Javascript Project
Added 22 Views / 0 LikesClick For More : https://www.youtube.com/c/OnlineTutorials4Designers/videos?sub_confirmation=1 ------------------ Enroll My Course : Next Level CSS Animation and Hover Effects https://www.udemy.com/course/css-hover-animation-effects-from-beginners-to-expert/?referralCode=90A9FFA7990A4491CF8D CSS Infinity Course : https://www.udemy.com/course/infinity-creative-css-animation-course/?referralCode=7AC20462B284B24ECCFF Another Course : Build Complete Real
-
05:41
Ambient Light Effects | CSS 3D Glowing Pyramid Animation Effects
Added 9 Views / 0 LikesClick For More : https://www.youtube.com/c/OnlineTutorials4Designers/videos?sub_confirmation=1 ------------------ Enroll My Course : Next Level CSS Animation and Hover Effects https://www.udemy.com/course/css-hover-animation-effects-from-beginners-to-expert/?referralCode=90A9FFA7990A4491CF8D CSS Infinity Course : https://www.udemy.com/course/infinity-creative-css-animation-course/?referralCode=7AC20462B284B24ECCFF Another Course : Build Complete Real
-
24:10
An Intro To Electron - Desktop Apps with JavaScript
Added 74 Views / 0 LikesIn this video we will just start to scratch the surface with Electron which is a library to create desktop applications using only HTML, CSS and JavaScript. We will use code from the quick start and create a very simple system info desktop app Quick Start Repo: https://github.com/electron/electron-quick-start SUPPORT: We spend massive amounts of time creating these free videos, please donate to show your support: http://www.paypal.me/traversymedia htt
-
15:41
An Introduction To NoSQL Databases
Added 83 Views / 0 LikesThis is a beginners guide to NoSQL databases. We will talk about what they are, the advantages and disadvantages of NoSQL and relational databases and also the different types of NoSQL including document databases, column stores, key-value stores and graph databases Suggested: MongoDB In 30 Minutes: https://www.youtube.com/watch?v=pWbMrx5rVBE MongoDB 12 Project Course: http://www.traversymedia.com/course/projects-in-mongodb-learn-mongodb-building-ten-
-
15:53
Android SDK & AVD Setup For React Native
Added 95 Views / 0 LikesIn this video Ill show you step by step how to install Android Studio, the Android SDK and the virtual device so that you can start building Android applications. We will also specifically setup the SDK for React Native by installing SDK 6.0 in addition to the latest version
-
21:10
Angular & FireStore Application - [2] Add & Delete Data
Added 74 Views / 0 LikesPart 2 of 3: We will create the add-item component and form to add an item to our FireStore using a custom service. We will also implement a service function to delete items from Firebase. CODE: Code for this project https://github.com/bradtraversy/angularfs ANGULAR 4 FRONT TO BACK: $10 COUPON https://www.udemy.com/angular-4-front-to-back/?couponCode=TRAVERSY010 BECOME A PATRON: Show support & get perks! http://www.patreon.com/traversymedia ONE TIME D
-
39:59
Angular & FireStore Application [1] - Setup & Getting Data
Added 90 Views / 0 LikesPart 1 of 3: We will setup FireStore from Firebase, create an Angular 4 application and integrate AngularFire2 to work with FireStore and fetch items. We will also install Materialize CSS and Font Awesome for our app UI CODE: Code for this project https://github.com/bradtraversy/angularfs ANGULAR 4 FRONT TO BACK: $10 COUPON https://www.udemy.com/angular-4-front-to-back/?couponCode=TRAVERSY010 BECOME A PATRON: Show support & get perks! http://www.patre
-
17:56
Angular & FireStore Application [3] - Updating Data & Deploy
Added 78 Views / 0 LikesPart 3 of 3: We will create the edit state so we can update items in our FireStore through the service. We will also do a quick deployment to a shared hosting account. CODE: Code for this project https://github.com/bradtraversy/angularfs ANGULAR 4 FRONT TO BACK: $10 COUPON https://www.udemy.com/angular-4-front-to-back/?couponCode=TRAVERSY010 BECOME A PATRON: Show support & get perks! http://www.patreon.com/traversymedia ONE TIME DONATIONS: http://www.
-
10:15
Angular 2 & Firebase App [Part 1] - Project Introduction
Added 88 Views / 0 LikesThis is the introduction and demo to the new Angular 2 & Firebase App series. We will build a property listings application that uses Firebase database, authentication and file storage. Should be fun... COURSES: Premium Eduonix Courses http://www.traversymedia.com/eduonix-courses SUPPORT THIS CHANNEL WITH A CUP OF COFFEE PER MONTH: https://www.patreon.com/traversymedia ONE TIME DONATIONS: https://www.paypal.me/traversymedia
-
22:14
Angular 2 & Firebase App [Part 2] - Setup & Components
Added 94 Views / 0 LikesIn this part we will setup Firebase and create an Angular 2 app with Angular CLI. We will generate all components and setup the router CODE FOR THIS PART: http://www.traversymedia.com/downloads/proplistings/proplistings_part_2.zip LISTINGS.JSON FILE DOWNLOAD: http://www.traversymedia.com/downloads/proplistings/listings.json SUPPORT THIS CHANNEL WITH A CUP OF COFFEE PER MONTH: https://www.patreon.com/traversymedia ONE TIME DONATIONS: https://www.paypal
-
11:35
Angular 2 & Firebase App [Part 3] - AngularFire2 Setup
Added 86 Views / 0 LikesIn this video we will setup AngularFire2 to integrate Angular 2 and Firebase together CODE FOR THIS PART: http://www.traversymedia.com/downloads/proplistings/proplistings_part_3.zip SUPPORT THIS CHANNEL WITH A CUP OF COFFEE PER MONTH: https://www.patreon.com/traversymedia ONE TIME DONATIONS: https://www.paypal.me/traversymedia
-
14:52
Angular 2 & Firebase App [Part 4] - Firebase Authentication
Added 94 Views / 0 LikesIn this video we will create the Firebase login, logout, authentication functionality so that we can view the property listings CODE FOR THIS PART: http://www.traversymedia.com/downloads/proplistings/proplistings_part_4.zip SUPPORT THIS CHANNEL WITH A CUP OF COFFEE PER MONTH: https://www.patreon.com/traversymedia ONE TIME DONATIONS: https://www.paypal.me/traversymedia
-
14:05
Angular 2 & Firebase App [Part 5] - Details Page
Added 86 Views / 0 LikesIn this video we will create the property listing details page CODE: Code For This Video http://www.traversymedia.com/downloads/proplistings/proplistings_part_5.zip COURSES: Premium Eduonix Courses http://www.traversymedia.com/eduonix-courses VISIT US: http://www.traversymedia.com EDUONIX COURSES: Pleas use affiliate links from website below http://www.traversymedia.com/eduonix-courses SUPPORT: We spend massive amounts of time creating these free vide
-
25:09
Angular 2 & Firebase App [Part 6] - Add Listing & Storage
Added 96 Views / 0 LikesIn this part we will add the functionality to add a property listing and also how to upload an image to Firebase storage as well as fetch the image and put in the listing CODE: Code For This Video http://www.traversymedia.com/downloads/proplistings/proplistings_part_6.zip COURSES: Premium Eduonix Courses http://www.traversymedia.com/eduonix-... VISIT US: http://www.traversymedia.com EDUONIX COURSES: Pleas use affiliate links from website below http://
-
15:23
Angular 2 and Firebase App [Part 7] - Edit & Delete Listings
Added 76 Views / 0 LikesIn this video we will add the edit and delete functionality to our Angular 2 Firebase application. CODE: Code For This Video https://github.com/bradtraversy/proplistings COURSES: Premium Eduonix Courses http://www.traversymedia.com/eduonix-... EDUONIX COURSES: Pleas use affiliate links from website below http://www.traversymedia.com/eduonix-courses SUPPORT: We spend massive amounts of time creating these free videos, please donate to show your support
-
47:10
Angular 2 Auth0 Application
Added 92 Views / 0 LikesIn this video we will be building an Angular 2 app that uses Auth0 for user registration, login and access control. 12 Project Angular 2 Course - https://www.eduonix.com/affiliates/id/16-10413 ngAuth0 Final Code - https://github.com/bradtraversy/ngauth0
-
41:15
Angular 2 Github Application (RC6 Update)
Added 90 Views / 0 LikesIn this video we will build a Github profile search application with Angular 2 RC6. This is an updated version of https://www.youtube.com/watch?v=u83MLQ1VsKI Code is available at https://github.com/bradtraversy/githubsearch 12 PROJECT ANGULAR 2 COURSE - https://www.eduonix.com/affiliates/id/16-10413
-
44:01
Angular 2 Github Application - Freestyle Coding [1]
Added 86 Views / 0 LikesIn this video we will build an Angular 2 application that will show Github user profiles and repositories using the Github API Project Files - https://github.com/bradtraversy/githubsearch I have a 12 project A2 course available at - https://www.eduonix.com/affiliates/id/16-10413
-
58:02
Angular 2 In 60 Minutes
Added 87 Views / 0 LikesUPDATED 2019 VERSION HERE - https://www.youtube.com/watch?v=Fdf5aTYRW0E 12 Project Angular 2 Course: https://www.eduonix.com/affiliates/id/16-10413 MY COURSES: http://www.traversymedia.com CODE DOWNLOAD: https://github.com/bradtraversy/angular60 SUPPORT THIS CHANNEL WITH A CUP OF COFFEE PER MONTH: http://www.patreon.com/traversymedia ONE TIME DONATIONS: http://www.paypal.me/traversymedia
-
18:45
Angular 2 Spotify App - Updating to RC6
Added 91 Views / 0 LikesIn this video I will show you how to update the ngSpotify Angular 2 RC4 app to RC6. UPDATED RC6 & ORIGINAL RC4 CODE - https://github.com/bradtraversy/ngspotify This project is part of an Eduonix 12 project course in Angular 2. VIEW COURSE INFO: https://www.eduonix.com/affiliates/id/16-10413
-
07:34 Popular
Angular 2 Tutorial [1] - Introduction
Added 106 Views / 0 LikesUpdated Crash Course Using Version 2.2 Stable - https://www.youtube.com/watch?v=-zW1zHqsdyc&feature=youtu.be In this video we will go over exactly what Angular is and we will talk about what has changed from Angular 1 This series is on the fundamentals. I will be releasing a project based Angular 2 series soon
-
05:08 Popular
Angular 2 Tutorial [2] - Quickstart Setup
Added 101 Views / 0 LikesUpdated Crash Course Using Version 2.2 Stable - https://www.youtube.com/watch?v=-zW1zHqsdyc&feature=youtu.be In this video Ill show you how to create an Angular 2 app using the quickstart
-
12:50
Angular 2 Tutorial [3] - Components and Data Binding
Added 83 Views / 0 LikesUpdated Crash Course Using Version 2.2 Stable - https://www.youtube.com/watch?v=-zW1zHqsdyc&feature=youtu.be In this video we will go over components and data binding using interpolation, property binding, event binding and two way data binding.
-
06:19
Angular 2 Tutorial [4] - Template Directives
Added 76 Views / 0 LikesUpdated Crash Course Using Version 2.2 Stable - https://www.youtube.com/watch?v=-zW1zHqsdyc&feature=youtu.be In this video we will look at template directives such as ngIf, ngSwitch and ngFor
-
11:52
Angular 2 Tutorial [5] - Pipes and Filtering
Added 95 Views / 0 LikesUpdated Crash Course Using Version 2.2 Stable - https://www.youtube.com/watch?v=-zW1zHqsdyc&feature=youtu.be In this video we will look at pipes and filtering data in Angular 2