Traversy Media
-
25:01 Popular
PHP REST API From Scratch [2] - Single & Create
Added 104 Views / 0 LikesIn this part of the series we will add functionality to fetch single posts as well as make a POST request to add posts Code: https://github.com/bradtraversy/php_rest_myblog • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website & Udemy Courses http://www.traversymedia.com Follow Traversy Media: http://www.facebook.com/traversymedia http://www.twitter.com/traversymedia http://www.instagram.com/traversymedia
-
16:15
PHP REST API From Scratch [3] - Update & Delete
Added 99 Views / 0 LikesIn this part we will add the ability to update and delete a post and also start on the category model for you guys to finish up on your own Code: https://github.com/bradtraversy/php_rest_myblog • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website & Udemy Courses http://www.traversymedia.com Follow Traversy Media: http://www.facebook.com/traversymedia http://www.twitter.com/traversymedia http://www.instagram.com/tra
-
48:23 Popular
Build a Responsive, Mobile First Website - HTML5 & CSS3
Added 110 Views / 0 LikesIn this project we will build a responsive single page photography website using a mobile first approach with just HTML5 and CSS3. This is a project suitable for everyone including beginners. Code: https://codepen.io/bradtraversy/pen/mKdGzd Some Prerequisite Videos: HTML Crash Course - https://www.youtube.com/watch?v=UB1O30fR-EE CSS Crash Course - https://www.youtube.com/watch?v=yfoY53QXEnI Build a Responsive Website - https://www.youtube.com/watch?v=
-
12:12 Popular
ECMAScript Modules In Node
Added 134 Views / 0 LikesIn this tutorial we will use ES Modules in Node 10 by using the --experimental-modules flag and .mjs extensions. • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Docs: https://nodejs.org/api/esm.html Great Article: https://medium.com/@giltayar/native-es-modules-in-nodejs-status-and-future-directions-part-i-ee5ea3001f71 Website & Udemy Courses http://www.traversymedia.com Follow Traversy Media: http://www.facebook.com/t
-
34:02
Build A Slackbot
Added 74 Views / 0 LikesIn this tutorial we will build a Slackbot using JavaScript/Node.js that reaches out to 2 public APIs and tells random jokes within Slack. We will use the Slackbots.js library to achieve this. Code: https://github.com/bradtraversy/slack_jokebot • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website & Udemy Courses http://www.traversymedia.com Follow Traversy Media: http://www.facebook.com/traversymedia http://www.twit
-
05:41 Popular
There Is No Best Programming Language
Added 131 Views / 0 LikesIn this dev vlog I will quickly give my opinion on the "best" programming language and how there is no such thing at least in a general sense. • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website & Udemy Courses http://www.traversymedia.com Follow Traversy Media: http://www.facebook.com/traversymedia http://www.twitter.com/traversymedia http://www.instagram.com/traversymedia
-
40:21
JavaScript OOP Crash Course (ES5 & ES6)
Added 96 Views / 0 LikesIn this video we will look at some of the object oriented programming concepts in JavaScript including... Object Literals Constructors & This Prototypes & Inheritence Object.create() ES6 Classes & Subclasses MODERN JS FROM THE BEGINNING - $9.99 PROMO https://www.udemy.com/modern-javascript-from-the-beginning/?couponCode=YOUTUBE10 • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website & Udemy Courses http://www.traver
-
1:10:23
Fancy Form UI From Scratch - HTML, CSS3, JS & Sass
Added 98 Views / 0 LikesIn this video we will build a nice looking form UI with a progress bar that will show one field at a time. We will use HTML, CSS3 with transitions, Sass and vanilla JavaScript. We will compile our Sass with node-sass. Code: https://codepen.io/bradtraversy/pen/xzrMom https://github.com/bradtraversy/fancy_form • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website & Udemy Courses http://www.traversymedia.com Follow Tra
-
56:23 Popular
React Authentication App With Okta
Added 130 Views / 0 LikesIn this video we will build a React app that uses authentication from Otka which is a user management system that can be used across multiple apps built on multiple languages/frameworks Code: https://github.com/bradtraversy/react_otka_auth Otka Developers: https://developer.okta.com/ Documentation Page: https://developer.okta.com/code/react/okta_react_sign-in_widget • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Webs
-
11:26 Popular
Personal Vlog - Health, Stress & Life
Added 137 Views / 0 LikesThis video is not for everyone. It is a personal vlog about some things I am going through and some things I think others may be able to relate to. Programming content continues tomorrow :) • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website & Udemy Courses http://www.traversymedia.com Follow Traversy Media: http://www.facebook.com/traversymedia http://www.twitter.com/traversymedia http://www.instagram.com/travers
-
24:31
Async JS Crash Course - Callbacks, Promises, Async Await
Added 93 Views / 0 LikesIn this crash course we will look at asynchronous JavaScript and cover callbacks, promises including promise.all as well as the async / await syntax. FULL JS COURSE (Just 10 Bucks!!!!): https://www.udemy.com/modern-javascript-from-the-beginning/?couponCode=YOUTUBE10 CODE: https://plnkr.co/4Pv2HhiWV4kiPHY9VrUw • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Follow Traversy Media: http://www.facebook.com/traversymedia h
-
07:14
Learn The MERN Stack [1] - Series Introduction
Added 85 Views / 0 LikesIn this series we will build a full stack application with MERN (MongoDB, Express, React, Node.js). We will also implement Redux for state management and some other things like Reactstrap and React Transitions. Wel will also deploy to Heroku at the end. Code: https://github.com/bradtraversy/mern_shopping_list MERN Stack Front To Back Udemy Course: https://www.udemy.com/mern-stack-front-to-back/?couponCode=TRAVERSYMEDIA • Become a Patron: Show support
-
35:40 Popular
Learn the MERN Stack [2] - Express API & MongoDB
Added 103 Views / 0 LikesIn this video we will setup the initial backend of our MERN application using Express JS with Mongoose which is an ODM to interact with our MongoDB database. Code: https://github.com/bradtraversy/mern_shopping_list MERN Stack Front To Back Udemy Course: https://www.udemy.com/mern-stack-front-to-back/?couponCode=TRAVERSYMEDIA • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website & Udemy Courses http://www.traversymed
-
27:07 Popular
Learn The MERN Stack [3] - Client Setup & Reactstrap
Added 104 Views / 0 LikesIn this video we will implement React and make it so that we can run the back and frontend servers at the same time using a package called concurrently. We will also create our AppNavbar component using Reactstrap Code: https://github.com/bradtraversy/mern_shopping_list MERN Stack Front To Back Udemy Course: https://www.udemy.com/mern-stack-front-to-back/?couponCode=TRAVERSYMEDIA • Become a Patron: Show support & get perks! http://www.patreon.com/trav
-
18:42 Popular
Learn The MERN Stack [4] - ShoppingList Component & Transitions
Added 101 Views / 0 LikesIn this video we will create our ShoppingList component and make it work with just local state with some dummy data. We are not yet dealing with Redux or with our backend. I just want to get the single component working, then we will move to Redux Code: https://github.com/bradtraversy/mern_shopping_list MERN Stack Front To Back Udemy Course: https://www.udemy.com/mern-stack-front-to-back/?couponCode=TRAVERSYMEDIA • Become a Patron: Show support & get
-
29:59 Popular
Learn The MERN Stack [5] - Implementing Redux
Added 108 Views / 0 LikesIn this video we will add Redux to our frontend app and move the state from our ShoppingList component to a store reducer. We will also create our getItems action and action types. Code: https://github.com/bradtraversy/mern_shopping_list MERN Stack Front To Back Udemy Course: https://www.udemy.com/mern-stack-front-to-back/?couponCode=TRAVERSYMEDIA • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website & Udemy Courses
-
30:19
Learn The MERN Stack [6] - Finishing Redux
Added 98 Views / 0 LikesIn this video we will get the React/Redux app working with hardcoded state in the Redux store. We will create the ItemModal component to ad an item. After this video we will be ready to connect to the backend routes and make this FULL STACK!
-
17:09 Popular
Learn The MERN Stack [7] - Connecting The Backend
Added 104 Views / 0 LikesIn this video we will finally connect to our backend routes within the Redux actions using axios and we will send the data down through the reducer into our ShoppingList component. We will also handle the post and delete requests. Code: https://github.com/bradtraversy/mern_shopping_list MERN Stack Front To Back Udemy Course: https://www.udemy.com/mern-stack-front-to-back/?couponCode=TRAVERSYMEDIA • Become a Patron: Show support & get perks! http://www
-
16:22
Learn The MERN Stack [8] - Prepare & Deploy
Added 94 Views / 0 LikesIn this video we will prepare our application for deployment to Heroku. We will create a heroku post build script so that we do not have to manually run "npm run build" for React. It will happen on the server once we push to it. Code: https://github.com/bradtraversy/mern_shopping_list MERN Stack Front To Back Udemy Course: https://www.udemy.com/mern-stack-front-to-back/?couponCode=TRAVERSYMEDIA • Become a Patron: Show support & get perks! http://www.p
-
08:30 Popular
Thoughts On Bootstrap, Technology Bashing & Freelancing
Added 113 Views / 0 LikesIn this quick discussion I will talk about my thoughts on Bootstrap as well as other practical technologies like PHP and Wordpress that sometimes get a lot of slack even though they are great for freelancing, small business projects and anyone that needs to get projects out fast SPONSOR: Use the code "BRAD25" for 25% off https://studywebdevelopment.com/freelancing.html • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia W
-
49:59
Build A Pet Find App | JS, Parcel, Babel, Fetch-JSONP
Added 91 Views / 0 LikesIn this simple vanilla JS project we will use the Petfinder API to create an application to find animals near a specific zipcode. We will use Parcel to build our assets and Babel to compile our JavaScript. We will also use the fetch-jsonp package to deal with cross domain requests. Code: https://github.com/bradtraversy/find_a_pet • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website & Udemy Courses http://www.traver
-
55:02 Popular
SSH Crash Course | With Some DevOps
Added 106 Views / 0 LikesIn this video we will learn the fundamentals of SSH along with some basic DevOps and Linux stuff. We will start with a local Ubuntu server on my network and then create a remote Digital Ocean Droplet to work with. We will create sets of SSH keys for those as well as Github. We will even do a simple React app deployment. Gist With Commands: https://gist.github.com/bradtraversy/f03df587f2323b50beb4250520089a9e Digital Ocean Link: (2 Free Months) https:/
-
58:24 Popular
YouTube API Project With Authentication
Added 130 Views / 0 LikesIn this JavaScript project we will use the YouTube API v3 to fetch channel data and videos. We will create a search form to change channels and use OAuth2 to login and logout. Sponsor: Coding Phase [GET 50% OFF!!] https://codingphase.teachable.com/p/all-courses-subscription/?coupon_code=TRAVERSY50&affcode=117955_0bufn2zv Code: https://github.com/bradtraversy/youtube_api_auth_app Docs: https://developers.google.com/youtube/v3/quickstart/js https://deve
-
43:41 Popular
40+ Online Tools & Resources For Web Developers & Designers
Added 128 Views / 0 LikesIn this video we will go through about 45 different FREE resources and tools that may help out web developers. These are all browser based, free resources and tools. Link Gist: https://gist.github.com/bradtraversy/61171a9b81586f5bc4c0ca1e2beb59ab Sponsor: DevMountain Bootcamp - https://goo.gl/6q0dEa • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website & Udemy Courses http://www.traversymedia.com Follow Traversy Med
-
07:49 Popular
Udemy Course Alert - React Front To Back
Added 108 Views / 0 Likes$9.99 PROMO LINK: https://www.udemy.com/react-front-to-back/?couponCode=TRAVERSYMEDIA In this video I will quickly go over my new React Front To Back course which includes all of the fundamentals of React along with the Context API, Redux and Firebase. This course is suitable for beginners as well as developers that know React
-
21:05 Popular
Responsive Portfolio Website [1] - Intro & Sass Workflow Setup
Added 102 Views / 0 LikesIn this series we will build a fully responsive portfolio website using modern technologies such as... HTML5 CSS3 - Transitions/Grid/Flex Sass NPM Package Manager JavaScript Git Code For This Project: https://github.com/bradtraversy/modern_portfolio Deployed Project: https://bradtraversy.github.io/modern_portfolio/ • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website & Udemy Courses http://www.traversymedia.com Fol
-
33:08
Responsive Portfolio Website [2] - Homepage & Main Sass
Added 96 Views / 0 LikesIn this part we will create the homepage HTML markup as well as the core Sass/CSS for the project. You will learn about variables, nesting and more Code For This Project: https://github.com/bradtraversy/modern_portfolio • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website & Udemy Courses http://www.traversymedia.com Follow Traversy Media: http://www.facebook.com/traversymedia http://www.twitter.com/traversymedia
-
21:02
Responsive Portfolio Website [3] - Rotating Menu Button
Added 98 Views / 0 LikesIn this part we will create the pure CSS menu button and add the JavaScript and CSS transitions to rotate the button into an X Code For This Project: https://github.com/bradtraversy/moder... • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website & Udemy Courses http://www.traversymedia.com Follow Traversy Media: http://www.facebook.com/traversymedia http://www.twitter.com/traversymedia
-
35:50 Popular
Responsive Portfolio Website [4] - Menu Overlay & Responsiveness
Added 106 Views / 0 LikesIn this video we will create the menu overlay with the branding and navigation. We will also add our media query Sass mixins to make the site responsive. Code For This Project: https://github.com/bradtraversy/moder... • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website & Udemy Courses http://www.traversymedia.com Follow Traversy Media: http://www.facebook.com/traversymedia http://www.twitter.com/traversymedia http
-
22:11 Popular
Responsive Portfolio Website [5] - About Page With CSS Grid
Added 109 Views / 0 LikesIn this video we will create our about page using CSS Grid with grid template areas to map out the layout. We will also add our Sass styling and make the page responsive Code For This Project: https://github.com/bradtraversy/moder... • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website & Udemy Courses http://www.traversymedia.com Follow Traversy Media: http://www.facebook.com/traversymedia http://www.twitter.com/tr









