Web Development
-
34:14 Popular
Newsletter Signup App - Mailchimp API
Added 104 Views / 0 LikesIn this project we will create a newsletter signup app to add a user to a list in Mailchimp. We will use Node.js with Express along with the Mailchimp API. Sponsor: Freelancer Bundle (Use "brad25" for 25% off) https://studywebdevelopment.com/freelancing.html Code: https://github.com/bradtraversy/mailchimp_newsletter • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website & Udemy Courses http://www.traversymedia.com Fo
-
1:35:47
Python Crash Course For Beginners
Added 99 Views / 0 LikesIn this crash course we will be going over Python programming basics like variables, data types and structures, functions, loops, classes and more. Timestamps are below... Python Sandbox Files: https://github.com/bradtraversy/python_sandbox TIMESTAMPS: 2:15 - Comments, Variables & Data Types 9:50 - String Formatting & Methods 17:40 - Lists 24:15 - Tuples & Sets 33:09 - Dictionaries 42:15 - Functions 49:25 - Conditionals 59:09 - Loops 1:05:06 - Modules
-
14:23 Popular
10 Resources For Free Website & Web App Themes
Added 129 Views / 0 LikesIn this video we will check out some free resources for free responsive themes and templates for the front-end of your websites and/or web apps. Hope you enjoy! Sponsor: DevMountain Bootcamp https://goo.gl/6q0dEa Article With Links: https://medium.com/@traversymedia/10-resources-for-free-website-app-themes-77928980c241 • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website & Udemy Courses http://www.traversymedia.com
-
1:04:34
Gatsby JS Crash Course
Added 90 Views / 0 LikesThis is a 1 hour crash course on Gatsby JS which is a static site generator that runs on React and GraphQL. We will be creating a static site along with a Markdown based blog using a few plugins. We will also deploy our Gatsby site to Netlify Sponsor: Anthrodesk http://anthrodesk.com/ Code: Github Repo: https://github.com/bradtraversy/gatsby_crash_course Deployed Site: https://sharp-williams-dedbed.netlify.com/ • Become a Patron: Show support & get pe
-
08:33 Popular
Udemy Course Alert - MERN Stack Front To Back
Added 117 Views / 0 Likes$9.99 PROMO LINK! https://www.udemy.com/mern-stack-front-to-back/?couponCode=TRAVERSYMEDIA Intro to my latest Udemy course "MERN Stack Front To Back". Build and deploy a social network using Node, Express, React, Redux and MongoDB.
-
23:25 Popular
Problems & Solutions In The Life Of A Programmer
Added 147 Views / 0 LikesIn this video we will discuss some of the tougher parts of being a developer/programmer from both a technical and a personal standpoint and we will look at some solutions and suggestions that may help you out in your career and in your life in general. • 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:/
-
57:19 Popular
Jest Crash Course - Unit Testing in JavaScript
Added 110 Views / 0 LikesIn this video we will get started with JavaScript unit testing using Jest. We will look at how to setup Jest, different matchers as well as how to test async code, run functions before and after different tests, etc. This is for developers that are fairly new to testing and the Jest testing framework. Code: Github Repo: https://github.com/bradtraversy/jest_testing_basics Sponsor: Anthrodesk http://anthrodesk.com/ • Become a Patron: Show support & get
-
48:18 Popular
React & Material UI Project Using The PixaBay API
Added 117 Views / 0 LikesIn this project we will use React along with Material UI to build an image finder application that uses the PixaBay API to fetch images based on a query string. We will also implement a Dialog box from Material UI to view the large image Code For This Project: https://github.com/bradtraversy/pixabay_image_finder • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website & Udemy Courses http://www.traversymedia.com Follow
-
14:47 Popular
Angular 6 - What To Expect
Added 103 Views / 0 LikesIn this video we will briefly go through what you can expect from Angular 6 which is the latest version at this time. We will look at.. Updated Libraries Bazel & Closure Compiler New CLI Commands - ng update / ng add Ivy Renderer CDK - Component DevKit Angular Elements Code Workflow Medium Article On Bazel & Closure https://medium.com/@Jakeherringbone/what-angular-is-doing-with-bazel-and-closure-21f526f64a34 My Angular Udemy Course: https://www.udemy.
-
15:03
Simple Pure CSS Spinners
Added 91 Views / 0 LikesIn this video we will be creating some simple pure CSS spinners or loaders using keyframes. Code: https://codepen.io/bradtraversy/pen/YLNYQE • 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
-
46:31 Popular
Vagrant Crash Course
Added 111 Views / 0 LikesIn this crash course we will dive into Vagrant which is used to create isolated & portable development environments. We will go into each part of the Vagrantfile, do some exploring via SSH and create a LAMP stack box (Linux, Apache, MySQL, PHP). Vagrantfile & bootstrap.sh: https://github.com/bradtraversy/vagrant_lamp_traversy • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website & Udemy Courses http://www.traversyme
-
1:10:20 Popular
Build a Wordpress Website In 1 Hour
Added 119 Views / 0 LikesIn this video we will build a Wordpress website without writing one line of code in about 1 hour. This is a good example of how practical and fast Wordpress development can be for freelancers and beginners. We will use a little Photoshop for the simple logos and image resizing but I will include the images below if you want to skip that part and still follow along. Finally we will deploy to InMotion hosting Cpanel and setup SMTP for our contact form.
-
09:20 Popular
Learning & Memorizing In Programming
Added 123 Views / 0 LikesIn this video I will briefly talk about learning strategies and how you should memorize coding concepts not necessarily the actual code. • 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 The Developer Hangout: Public Discord Server h
-
19:26
Facebook Login Button In React
Added 88 Views / 0 LikesIn this video we will create a Facebook login button in React to get the users name, email and picture. We will then add it to the component state and render the data. This is an introductory based tutorial. Code: Github Gist https://gist.github.com/bradtraversy/815369774ece6ede28a564e2a1e7153a React Facebook Login Repo: https://github.com/keppelen/react-facebook-login Sponsor: Anthrodesk - http://anthrodesk.com • Become a Patron: Show support & get p
-
29:52 Popular
Push Notifications Using Node.js & Service Worker
Added 113 Views / 0 LikesIn this video we will create push notification capability using Node.js without any 3rd party services. We will achieve this using web-push, the push/notifications api and service workers. Code: https://github.com/bradtraversy/node_push_notifications Webpush Repo: https://github.com/web-push-libs/web-push Helpful Articles: https://developers.google.com/web/ilt/pwa/introduction-to-push-notifications https://developers.google.com/web/fundamentals/primer
-
32:19 Popular
Shell Scripting Crash Course - Beginner Level
Added 105 Views / 0 LikesThis is an intro to shell scripting with Bash. We will learn what shell scripting is and create a cheat sheet with things like variables, conditionals, loops, functions, etc. We will also do things like rename multiple files. Cheat Sheet Gist: https://gist.github.com/bradtraversy/ac3b1136fc7d739a788ad1e42a78b610 Command Line Tutorial: https://www.youtube.com/watch?v=cBokz0LTizk • Become a Patron: Show support & get perks! http://www.patreon.com/traver
-
11:29 Popular
What's New In Node.js 10?
Added 123 Views / 0 LikesIN this quick video we will go over some of the new features of Node.js version 10 including error codes, HTTP2 and NPM 6 ESM Modules & Node Article: https://medium.com/@giltayar/native-es-modules-in-nodejs-status-and-future-directions-part-i-ee5ea3001f71 • 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 htt
-
19:00 Popular
Drag & Drop With Vanilla JS
Added 132 Views / 0 LikesIn this video we will take a look at drag events in JavaScript to be able to create drag and drop functionality Code: https://codepen.io/bradtraversy/pen/odmVgN • 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 The Developer Hangout:
-
15:52 Popular
Learning Outside Of Your Full Time Job & Time Management
Added 148 Views / 0 LikesIn this video we will talk about learning, side projects and time management while you have a full time job as a developer or even something else. Looking at areas of your life such as nights, mornings, weekends and your commute. Sponsor: Study Web Development Freelance Bundle (CODE: BRAD20) https://studywebdevelopment.com/freelancing.html Check Out The Syntax Podcast: https://syntax.fm/ • Become a Patron: Show support & get perks! http://www.patreon.
-
32:18 Popular
PHP REST API From Scratch [1] - Database & Read
Added 118 Views / 0 LikesIn this series we will put together a REST API using PHP with NO FRAMEWORK. We will use object oriented programming along with PDO to connect and query a MySQL database. 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/traversymedi
-
25:01 Popular
PHP REST API From Scratch [2] - Single & Create
Added 107 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 Popular
PHP REST API From Scratch [3] - Update & Delete
Added 102 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 113 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 137 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 77 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 133 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 99 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 100 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 132 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 140 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









