Traversy Media
-
34:49
Build a Touch Slider with HTML, CSS & JavaScript
Added 61 Views / 0 LikesBuild a full screen touch slider with HTML, CSS & JavaScript Full Screen Touch Slider Repo: https://github.com/bushblade/Full-Screen-Touch-Slider React Component Repo: https://github.com/bushblade/react-touch-drag-slider YouTube Video Codepen: https://codepen.io/bradtraversy/pen/ExNVwgZ Handmade Knives By Will Adams: https://bushblade.co.uk/ Timestamps: 0:00 - Intro 1:49 - The HTML 3:32 - The CSS 10:57 - The JavaScript
-
19:15
Challenges of a Self-Taught Developer
Added 55 Views / 0 LikesSome helpful tips for self-taught developers Zach's YouTube Channel: https://www.youtube.com/zachgollwitzer Track: Sunflower — Soyb [Audio Library Release] Music provided by Audio Library Plus Watch: https://youtu.be/dG1U3NuR9Pk Free Download / Stream: https://alplus.io/sunflower 0:00 Intro 2:53 What is a "Self Taught Developer"? 4:36 Challenge #1: Imposter Syndrome 6:10 Strengths of Self Taught Devs 7:41 How reading open-source code can help Imposter
-
32:53
Headless CMS & GraphQL API with KeystoneJS
Added 40 Views / 0 LikesBuild a GraphQL API using KeystoneJS Code: https://github.com/bradtraversy/keystone-blog Code: https://github.com/bradtraversy/next-... Find a list of my latest Udemy courses at: https://traversymedia.com 💖 Support The Channel! http://www.patreon.com/traversymedia TImestamps: 0:00 Intro 1:31 MongoDB setup 4:30 - Create app & files/folders 7:23 - Starting the server & admin area 8:45 - .env file 10:54 - Post list 14:32 - Create & manage posts 16:00 -
-
1:48:48
React JS Crash Course 2021
Added 68 Views / 0 LikesGet started with React in this crash course. We will be building a task tracker app and look at components, props, state, hooks, working with an API and more. Code: https://github.com/bradtraversy/react-crash-2021 React & Other Course Links at - https://traversymedia.com • Support The Channel! http://www.patreon.com/traversymedia Timestamps: 0:00 - Intro & Slides 12:37 - Create a React app 14:52 - Files & folders 18:54 - App component & JSX 22:39 - Ex
-
14:39
10 Ways to Make Money as a Developer
Added 62 Views / 0 Likes10++ Ways to Make Money as a Developer eBook: https://gumroad.com/a/304084083 20% OFF CODE: BRAD20 Timestamps: 0:00 - Intro 0:41 - Professional Developer 1:56 - Freelancing 3:55 - Blogging 5:05 - YouTube 6:16 - Live Coding 7:21 - 1-On-1 Mentoring 8:40 - Create Courses 10:12 - Digital Products 12:07 - Open Source 13:20 - Create a SaaS
-
35:15
Create a Website With Video Background | HTML & CSS
Added 54 Views / 0 LikesCreate a beautiful, custom landing page for a Travel website using HTML, CSS and a little JavaScript Code: https://codepen.io/bradtraversy/pen/eYdMqvx Find a list of my latest Udemy courses at: https://traversymedia.com • Support The Channel! http://www.patreon.com/traversymedia
-
08:08
Do All Devs End Up Being Content Creators?
Added 58 Views / 0 LikesYou see a lot of dev related content creators, however It is a very small fraction of developers that take this route Check out the newest course: https://www.udemy.com/course/50-projects-50-days • Support The Channel! http://www.patreon.com/traversymedia Website & Courses: https://www.traversymedia.com Follow Traversy Media: https://www.twitter.com/traversymedia https://www.instagram.com/traversymedia https://www.facebook.com/traversymedia
-
6:27:22
PHP For Absolute Beginners | 6.5 Hour Course
Added 65 Views / 0 LikesThis course is for absolute beginners and will give you a great kickstart to learning PHP. We'll first talk about what PHP is and why we should learn it, then we will setup a working environment and start coding This video covers all the basics: - How to declare Variables - How to work with strings, Arrays - How to work with file System - How to use cURL to fetch resources - Object Oriented PHP - Namespaces - Composer - Autoloading and much more... At
-
41:45
Real-Time Tweets & Socket.io Project | Twitter Streaming API
Added 58 Views / 0 LikesIn this project we will work with the Twitter streaming API to fetch Tweets in real-time and then use Socket.io to pipe to a webpage. Code: https://github.com/bradtraversy/real-time-tweet-stream Twitter Docs: https://developer.twitter.com/en/docs/twitter-api/tweets/filtered-stream/introduction • Support The Channel! http://www.patreon.com/traversymedia Website & Courses: https://www.traversymedia.com Follow Traversy Media: https://www.twitter.com/trav
-
29:30
Web Vitals + DIY Chrome Extension = Performance Insight
Added 57 Views / 0 LikesBuild a custom chrome extension utilizing the Web Vitals library Starter template: https://github.com/jherr/wp5-extension-template Finished code: https://github.com/jherr/performance-extension Web vitals: https://github.com/GoogleChrome/web-vitals Influx: https://www.influxdata.com/ Jack Herrington's YouTube Channel: https://www.youtube.com/channel/UC6vRUjYqDuoUsYsku86Lrsw
-
14:10 Popular
7 Tips To Ace Job Interviews
Added 168 Views / 0 Likes7 solid tips to pass a job interview for a developer position CodeBeauty YouTube Channel (Saldina Nurak): https://www.youtube.com/channel/UCl5-BV9aRaeDVohpE4sqJiQ Saldina Nurak Social Media Links: Instagram: https://www.instagram.com/truecodebeauty/ Twitter: https://twitter.com/TrueCodeBeauty Facebook: (Saldina Nurak) https://www.facebook.com/truecodebeauty LinkedIn: (Saldina Nurak) https://www.linkedin.com/in/codebeauty/ Timestamps: 0:00 – Intro 0:37
-
2:13:11
Vanilla JavaScript Search App | Wikipedia API
Added 46 Views / 0 LikesIn this project we will build a search app using HTML5, Sass, JavaScript and the Wikipedia API. Dave Gray's YouTube Channel: https://www.youtube.com/DaveGrayTeachesCode Code: https://github.com/gitdagray/search_app_tutorial Timestamps: 0:00 Intro and App Outline 1:00 Structuring the HTML 20:09 Adding font and icon libraries to the project 24:17 Styling the app with SASS 1:05:32 Developing functionality with JavaScript 1:58:29 Debugging trouble spots 2
-
1:05:16
Web Development In 2021 - A Practical Guide
Added 55 Views / 0 LikesThis is my yearly guide to web development. I describe web technologies that are commonly needed as well as new trends and give you multiple options to create and plan your learning path to reach your goals. Find a list of my latest Udemy courses at: https://traversymedia.com • Support The Channel! http://www.patreon.com/traversymedia Timestamps: 0:00 - Intro 0:42 - What is this guide? 1:28 - Frontend vs Backend vs Full Stack 3:23 - What is your goal?
-
27:28
Getting Started With Open Source & GitHub
Added 63 Views / 0 LikesIn this video, we will talk about open source and using Github Check out Eddie's YouTube Channel: https://www.youtube.com/channel/UC5mnBodB73bR88fLXHSfzYA Timestamps 0:00 Introduction 0:34 What is Open Source 2:09 Why you should care about Open Source 4:20 Customizing your GitHub profile 5:05 GitHub organisation 5:19 GitHub repository 7:40 Search GitHub for issues by language and label 10:06 Markdown examples 13:09 GitHub pull request 14:01 CI / CD wi
-
22:24
Sanity.io Crash Course | Headless CMS
Added 73 Views / 0 LikesSpend 20 minutes learning to quickly set up your next content backend with Sanity.io. We'll run Sanity Studio, an open-source headless CMS that connects to a hosted real-time datastore. Learn how to customize fields and content types, and how to query for data. By the end you should be ready to power content in React, Vue or any other framework! Kapehe's Social Links: Twitter: https://twitter.com/kapehe_ok YouTube: https://www.youtube.com/c/kapehe Web
-
2:06:52
Build a Portfolio Website With React & Sanity.io
Added 95 Views / 0 LikesThe beginner's guide to building out your own portfolio using React, Sanity, and Tailwind. From scratch, learn the basics of React, how Sanity can manage the content for your portfolio, and how Tailwind can help create beautiful designs. Kapehe's Social Links: Twitter: https://twitter.com/kapehe_ok YouTube: https://www.youtube.com/c/kapehe Website: https://kapehe.io 0:00 - Intro 02:23 - Setup React app, Sanity Studio, and GitHub 15:06 - Setup Tailwind
-
24:59
Two Factor Authentication | Node.js & Speakeasy
Added 71 Views / 0 LikesIn this video we will create time-based one-time password(TOTP) authentication using Node.js, Express and Speakeasy Code: https://github.com/jkithome/2fa-speakeasy-example LogRocket Article: https://blog.logrocket.com/implementing-two-factor-authentication-using-speakeasy/ Authenticator Extension: https://chrome.google.com/webstore/detail/authenticator/bhghoamapcdpbohphigoooaddinpkbai?hl=en • Support The Channel! http://www.patreon.com/traversymedia W
-
2:28:57
Laravel Crash Course 2020
Added 48 Views / 0 LikesThis is a Laravel crash course that covers installation, authentication, routes, data, pagination, email functionality and much more - Visit Codecourse for more videos & courses by Alex: https://codecourse.com - YouTube Channel: https://www.youtube.com/channel/UCpOIUW62tnJTtpWFABxWZ8g - Code: https://github.com/codecourse/posty-traversy-media - Social Links: https://twitter.com/teamcodecourse https://twitter.com/alexjgarrett - Links mentioned in cours
-
33:20
Build a Wildfire Tracker With React & NASA API
Added 53 Views / 0 LikesIn this project we will build a wildfire tracker map. This app uses the NASA Open API and the Google Maps API. Code: https://github.com/bradtraversy/wildfire-tracker • Support The Channel! http://www.patreon.com/traversymedia Website & Brad Traversy Udemy Course Links: https://www.traversymedia.com Follow Traversy Media: https://www.twitter.com/traversymedia https://www.instagram.com/traversymedia https://www.facebook.com/traversymedia
-
17:00
Top 20 VS Code Shortcuts
Added 45 Views / 0 LikesIn this video, we will look at 20 helpful shortcuts to improve your coding experience James Q Quick YouTube: https://www.youtube.com/jamesqquick Auth0 YouTube: https://www.youtube.com/channel/UCUlQ5VoIzE_kFbYjzUwHTKA Timestamps: 0:00 - Intro 1:59 - Toggle Side Bar 2:32 - Toggle Built-in Terminal 3:03 - Open User Settings 3:45 - Quick Open a File 4:36 - Tab Through Open Files 5:32 - Move File to Split Windows 6:29 - Close File 6:52 - Search/Replace in
-
08:41
How Far Can Learning Code Online Take You?
Added 36 Views / 0 LikesHow far can learning how to code from YouTube tutorials, etc take you? Dennis talks about his experience Dennis Ivy YouTube Channel: https://www.youtube.com/channel/UCTZRcDjjkVajGL6wd76UnGg
-
07:38
December Check In - #50Projects50Days, 2021 Roadmap, Health Update
Added 54 Views / 0 Likes5 Day $9.99 Promo Code: https://www.udemy.com/course/50-projects-50-days/?couponCode=5DAYPROMO 30 Day $12.99 Promo Code: https://www.udemy.com/course/50-projects-50-days/?couponCode=30DAYPROMO Florin Pop (aka. Captain Purple • ) YouTube Channel: https://www.youtube.com/channel/UCeU-1X402kT-JlLdAitxSMA
-
58:04
DevOps Crash Course (Docker, Terraform, and Github Actions)
Added 58 Views / 0 LikesIn this DevOps and Cloud Infrastructure tutorial, you will learn what DevOps is and how to apply some of the most important concepts including: - Docker containers - Infrastructure as Code - Continuous Integration and Continuous Deployment DevOps Directive YouTube Channel: https://www.youtube.com/c/DevOpsDirective Link to application: storybooks.devopsdirective.com GitHub Repos: - https://github.com/bradtraversy/storybooks (Original) - https://github.
-
1:23:50
Kotlin Crash Course
Added 65 Views / 0 LikesA beginners guide to learning the basics of the Kotlin programming language, which is heaviliy used in creating Android apps Philipp Lackner YouTube Channel: https://www.youtube.com/channel/UCKNTZMRHPLXfqlbdOI7mCkg Code: https://github.com/philipplackner/kotlin-crash-course Philipp's Android App Tutorial (Traversy Media): https://youtu.be/BBWyXo-3JGQ TImestamps: 00:00 - Intro 00:52 - Why learn Kotlin? 03:01 - Installation & Prerequisites 10:12 - Hello
-
1:11:41
Build A Simple Android App With Kotlin
Added 61 Views / 0 LikesWe will create a basic todo list Android app using the Kotlin programming language Philipp Lackner YouTube Channel: https://www.youtube.com/channel/UCKNTZMRHPLXfqlbdOI7mCkg Code: https://github.com/philipplackner/TodoList Philipp's Kotlin Crash Course (Traversy Media): https://www.youtube.com/watch?v=5flXf8nuq60&t=302s Timestamps: 00:00 - Intro 00:33 - What we will build 01:42 - Why choose Kotlin for Android Development? 03:29 - Android Studio Setup 0
-
2:02:22
Build a Responsive Website | HTML, CSS Grid, Flexbox & More
Added 54 Views / 0 LikesIn this project we will build a custom website using HTML5 and modern CSS techniques such as CSS Grid, Flexbox, psuedo selectors, animation and more. We will also deploy to Netlify and add form functionality Code: https://github.com/bradtraversy/loruki-website • Support The Channel! http://www.patreon.com/traversymedia Website & Brad Traversy Udemy Course Links: https://www.traversymedia.com Follow Traversy Media: https://www.twitter.com/traversymedia
-
2:31:56
Intro To JavaScript Unit Testing & BDD (2 Hour+ Course)
Added 68 Views / 0 LikesLearn JavaScript unit testing in this full course Learn programming, design and more with Treehouse. Start your seven days of free learning: https://trhou.se/2ZsjIKw Follow Treehouse on YouTube: https://www.youtube.com/user/gotreehouse TimeStamps: Introduction - 0:00 Introducing Unit Testing - 0:26 Proving Our Code Works - 1:31 Running Your First Automated Test - 5:56 Different Types of Testing - 10:11 Behavior Driven Development - 13:29 Red, Green, R
-
24:11
Starting a Small Business as a Web Developer
Added 74 Views / 0 LikesIn this video we will talk about some things to get started with creating your own business Business Plan Info: https://www.sba.gov/business-guide/plan-your-business/write-your-business-plan Business Legal Structures: https://www.legalzoom.com/business/business-formation/compare.html 10 Web Dev Portfolio Tips: https://www.youtube.com/watch?v=nrWGr2OvBD4 • Support The Channel! http://www.patreon.com/traversymedia Website & Brad Traversy Udemy Course Li
-
31:26
React Admin Crash Course
Added 65 Views / 0 LikesIn this video we will create an interface using React Admin as well as implement a fake REST API with JSON-Server Code: https://github.com/bradtraversy/react... • Support The Channel! http://www.patreon.com/traversymedia Website & Brad Traversy Udemy Course Links: https://www.traversymedia.com Follow Traversy Media: https://www.twitter.com/traversymedia https://www.instagram.com/traversymedia https://www.facebook.com/traversymedia Timestamps: Intro -
-
42:59
Material UI React Tutorial
Added 49 Views / 0 LikesThis react material ui tutorial will cover all aspects of material ui and react to get you up and running to use them for your next website development project or application. - Adrian's YouTube Channel: https://www.youtube.com/channel/UCvM5YYWwfLwpcQgbRr68JLQ - Design for Developers - Enhance UI: A book that Adrian has created to help you improve the look of your apps and websites. Enhance UI: https://www.enhanceui.com/ - Material UI: https://materia









