Language

General

Level

Technology

Area

Tool

Framework/Library

Other

Python is arguably the world's most popular programming language. It is easy to learn, yet suitable in professional software like web applications, data science, and server-side scripts. https://fireship.io/tags/python/

#python #programming #100SecondsOfCode

🔗 Resources

Python Docs https://docs.python.org/3/
Python TIOBE Ranking https://www.infoworld.com/article/3636789/python-tops-tiobe-language-index.html

🔥 Get More Content - Upgrade to PRO

Upgrade to Fireship PRO at https://fireship.io/pro
Use code lORhwXd2 for 25% off your first payment. 

🎨 My Editor Settings

- Atom One Dark 
- vscode-icons
- Fira Code Font

🔖 Topics Covered

- Is YouTube built with Python?
- Is Python Strongly typed?
- Python syntax and indentation rules
- When was python released?

Python in 100 Seconds

Duck typing and static typing are not opposites. Go is a successful statically checked language with support for duck typing through interfaces that work like `typing.Protocol` does. A `Protocol` subclass defines an interface that past and future classes can implement without any coupling to the interface: they simply provide the required methods. That's statically checked duck typing: a powerful combination!

In this talk we'll get back to basics looking at how duck typing is used in Python since the beginning, how `__dunder__` methods leverage that idea to support what we recognize as Pythonic code. Then we'll see how `typing.Protocol` fills the gap in the original PEP 484—Type Hints, and finally lets us properly annotate code that leverages the flexibility and loose coupling of duck typing. Finally, we'll look at the experience of the Go community to learn what makes a good Protocol. Spoiler alert: your favorite Python ABC may not be the basis of a useful Protocol!

PUBLICATION PERMISSIONS:
Original video was published with the Creative Commons Attribution license (reuse allowed). Link: https://www.youtube.com/watch?v=0_IQoxBFepw

`typing.Protocol`: Type Hints in Python

This Python tutorial for beginners show how to get started with Python quickly. Learn to code in 1 hour! Watch this tutorial get started! 
👍 Subscribe for more Python tutorials like this: https://goo.gl/6PYaGF
🔥 Want to learn more? Watch my complete Python course: https://youtu.be/_uQrJ0TkZlc

📕 Get my FREE Python cheat sheet: http://bit.ly/2Gp80s6

Courses: https://codewithmosh.com
Twitter: https://twitter.com/moshhamedani
Facebook: https://www.facebook.com/programmingwithmosh/
Blog: http://programmingwithmosh.com

#Python, #MachineLearning, #WebDevelopment

📔 Python Exercises for Beginners: https://goo.gl/1XnQB1

⭐ My Favorite Python Books
- Python Crash Course: https://amzn.to/2GqMdjG
- Automate the Boring Stuff with Python: https://amzn.to/2N71d6S
- A Smarter Way to Learn Python: https://amzn.to/2UZa6lE
- Machine Learning for Absolute Beginners: https://amzn.to/2Gs0koL
- Hands-on Machine Learning with scikit-learn and TensorFlow: https://amzn.to/2IdUuJy

TABLE OF CONTENT

0:00:00 Introduction 
0:00:30 What You Can Do With Python 
0:01:15 Your First Python Program 
0:05:30 Variables
0:09:08 Receiving Input
0:10:48 Type Conversion
0:18:49 Strings
0:23:41 Arithmetic Operators 
0:25:59 Operator Precedence 
0:27:11 Comparison Operators 
0:28:52 Logical Operators
0:31:06 If Statements
0:36:16 Exercise
0:41:42 While Loops
0:45:11 Lists
0:48:47 List Methods
0:52:16 For Loops
0:54:54 The range() Function 
0:57:43 Tuples

Python for Beginners - Learn Python in 1 Hour

Join the Discord Server:
https://discord.gg/Ap2sf3sKqg

When Programmers Discover Stack Overflow...

Node.js Tutorial for Beginners: Learn Node in 1 Hour
🔥 Get the complete Node course: http://bit.ly/2NfkpOC
👁 Subscribe for more tutorials like this: https://goo.gl/6PYaGF

⭐️ Want to learn more from me? Check out these links: 
Courses: https://codewithmosh.com
Twitter: https://twitter.com/moshhamedani
Facebook: https://www.facebook.com/programmingwithmosh/
Blog: https://programmingwithmosh.com 

TABLE OF CONTENT: 
00:00 What is Node 
03:01 Node Architecture
06:04 How Node Works 
10:29 Installing Node 
13:01 Your First Node Program 
15:22 Node Module System
15:52 Global Object
19:14 Modules 
22:51 Creating a Module 
27:35 Loading a Module 
32:59 Module Wrapper Function
39:53 Path Module
44:03 OS Module
48:22 File System Module
53:14 Events Module
59:33 Event Arguments
01:02:43 Extending EventEmitter
01:10:46 HTTP Module

Node.js Tutorial for Beginners: Learn Node in 1 Hour

It's time to attempt to build a Flappy Bird clone in JavaScript with the p5.js! Code: https://thecodingtrain.com/challenges/31-flappy-bird

🕹️ p5.js Web Editor Sketch: https://editor.p5js.org/codingtrain/sketches/FtBc2BhHM

🎥 Previous video: https://youtu.be/KWoJgHFYWxY?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
🎥 All videos: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH

References:
🗄 Flappy Bird on Wikipedia: https://en.wikipedia.org/wiki/Flappy_Bird

Related Coding Challenges:
🚂 #41 Clappy Bird: https://youtu.be/aKiyCeIuwn4
🚂 #100 Neuroevolution Flappy Bird: https://youtu.be/c6y21FkaUqw
🚂 #147 Chrome Dinosaur Game: https://youtu.be/l0HoJHc-63Q

Timestamps:
0:00:00 Flappy Bird
0:00:51 Creating a Bird Object
0:02:38 Adding Simple Physics
0:06:25 Moving Up
0:08:13 Adding Obstacles
0:16:02 Collision Detection
0:19:45 Finishing The Game

Editing by Mathieu Blanchette
Animations by Jason Heglund
Music from Epidemic Sound

🚂 Website: http://thecodingtrain.com/
👾 Share Your Creation! https://thecodingtrain.com/guides/passenger-showcase-guide
🚩 Suggest Topics: https://github.com/CodingTrain/Suggestion-Box
💡 GitHub: https://github.com/CodingTrain
💬 Discord: https://discord.gg/hPuGy2g
💖 Membership: http://youtube.com/thecodingtrain/join
🛒 Store: https://standard.tv/codingtrain
🖋️ Twitter: https://twitter.com/thecodingtrain
📸 Instagram: https://www.instagram.com/the.coding.train/

🎥 Coding Challenges: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
🎥 Intro to Programming: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA

🔗 p5.js: https://p5js.org
🔗 p5.js Web Editor: https://editor.p5js.org/
🔗 Processing: https://processing.org

📄 Code of Conduct: https://github.com/CodingTrain/Code-of-Conduct

This description was auto-generated. If you see a problem, please open an issue: https://github.com/CodingTrain/thecodingtrain.com/issues/new

#flappybird #javascript #p5js

Coding Challenge #31: Flappy Bird

Why does everybody hate JavaScript so much? A complete roast of JS that highlights the strongest criticisms against the world's most popular programming language. 

#javascript #roast #comedy 

🔥 Black Friday Discount

https://fireship.io/pro

🔥 Use code BLACKFIRE at checkout for 40% off 

💬 Chat with Me on Discord

https://discord.gg/fireship

🔗 Resources

- Full JavaScript Course https://fireship.io/courses/js
- JavaScript in 100 Seconds https://youtu.be/DHjqpvDnNGE
- React for the Haters https://youtu.be/HyWYpM_S-2c

🎨 My Editor Settings

- Atom One Dark 
- vscode-icons
- Fira Code Font

🔖 Topics Covered

- JS Roast
- Funny JavaScript features
- Worst aspects of JavaScript
- JavaScript pitfalls
- JavaScript drama

JavaScript for the Haters

We'll build an FPS controller in three.js, and add some tips & tricks to make it feel natural.

Support me on:
Patreon: https://www.patreon.com/simondevyt

Follow me on:
Twitter: https://twitter.com/iced_coffee_dev
Instagram: https://www.instagram.com/beer_and_code/
Github: https://github.com/simondevyoutube/

GKJohnson's Github:
https://github.com/gkjohnson/threejs-sandbox

We'll walk through some of the basic ideas behind a first person or FPS controller, including the basic math that gets it going as well as some more subtle tricks like head bobbing and focus locking to make it feel more natural and smooth.

What we'll cover:
* Three.js FirstPersonControls, how to use these in a project
* Using Quaternions and Vector translations to create simple first person camera movement
* Using sin waves and focus locking to improve the overall feeling and give it a more organic experience.

Full source code for the project is available, so if you're interested in fiddling with the code, screwing around with it, or improving it.

Building a Simple First Person Camera

Check out my courses and become more creative!
https://developedbyed.com/

❤Become a patreon for exclusive videos and more!
https://www.patreon.com/dev_ed

Microphones I Use
Audio-Technica AT2020 - https://geni.us/Re78 (Amazon)
Deity V-Mic D3 Pro - https://geni.us/y0HjQbz (Amazon)
BEHRINGER Audio Interface - https://geni.us/AcbCpd9 (Amazon)

Camera Gear
Fujifilm X-T3 - https://geni.us/7IM1 (Amazon)
Fujinon XF18-55mmF2.8-4 - https://geni.us/sztaN (Amazon)

PC Specs
Kingston SQ500S37/480G 480GB - https://geni.us/s7HWm (Amazon)
Gigabyte GeForce RTX 2070 - https://geni.us/uRw71gN (Amazon)
AMD Ryzen 7 2700X - https://geni.us/NaBSC (Amazon)
Corsair Vengeance LPX 16GB - https://geni.us/JDqK1KK (Amazon)
ASRock B450M PRO4 - https://geni.us/YAtI (Amazon) 
DeepCool ATX Mid Tower - https://geni.us/U8xJY (Amazon)
Dell Ultrasharp U2718Q 27-Inch 4K - https://geni.us/kXHE (Amazon)
Dell Ultra Sharp LED-Lit Monitor 25 2k - https://geni.us/bilekX (Amazon)
Logitech G305 - https://geni.us/PIjyn (Amazon)
Logitech MX Keys Advanced - https://geni.us/YBsCVX0 (Amazon)

DISCLAIMERS:
I am a participant in the Amazon Services LLC Associates Program, an affiliate advertising program designed to provide a means for us to earn fees by linking to Amazon.com and affiliated sites.


Twitter: https://twitter.com/deved94
Instagram: https://www.instagram.com/developedbyed/
Github: https://github.com/DevEdwin

We are going to cover how to create a restful api using node.js express and mongodb together with mongoose.

Rest apis help us decouple our backend code from our front end so we can use it across multiple application (mobile apps, web apps, etc).
We are going to learn how to build a simple blog post type api with all the useful methods(GET,POST,DELETE,PATCH).

We use Node.js as our backend language, express.js is going to help us create routes easier and middlewares and we use mongodb together with mongoose to create schemas and models that define how our data looks.

If you are a beginner with nodejs, express or mongodb I hope that this tutorial will give you a good idea of how these technologies work well together.

🎵 Music:

Outro: 
LAKEY INSPIRED - Me 2 (Feat. Julian Avila)
Music By: https://soundcloud.com/lakeyinspired

Intro:
Dj Quads
Track Name: "Every Morning"
Music By: Dj Quads @ https://soundcloud.com/aka-dj-quads

Creative Commons — Attribution-ShareAlike 3.0 Unported— CC BY-SA 3.0 
http://creativecommons.org/licenses/b...

#mongodb #nodejs #express.js

Build A Restful Api With Node.js Express & MongoDB | Rest Api Tutorial

Part 2: https://youtu.be/HKuDR0fYtCY
Today's Question: Do you use a CSS Framework or none at all?
-- I have received a lot of requests to show the *full* process of both UI design, and then taking that UI design (produced in XD, Sketch, etc..) and making it a near pixel-perfect representation in the browser with HTML and CSS. Well, today I'm delivering! This will be a 2 part series where today, we'll design the UI in Adobe Experience Design, and tomorrow (promptly at 10:30 AM ET), we'll tackle HTML and CSS (without the use of any CSS frameworks).

Enjoy!

- - - - - - - - - - - - - - - - - - - - - -

Subscribe for NEW VIDEOS weekly!


My site:                                 https://designcourse.com
My personal FB account:   http://fb.com/logodesigner
Coursetro FB:                       http://fb.com/coursetro
Coursetro's Twitter:             http://twitter.com/designcoursecom

Join my Discord!                https://discord.gg/a27CKAF
^-Chat with me and others

- - - - - - - - - - - - - - - - - - - - - -

Who is Gary Simon?  Well, I'm a full stack developer with 2+ decades experience and I teach people how to design and code. I've created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network. 

Now, I focus all of my time and energy on this channel and my website Coursetro.com.

Come to my discord server or add me on social media and say Hi!

A Beginner's Web Design Tutorial for 2018 - Part 1 of 2

Get Your Billy T-Shirt: https://my-store-d2b84c.creator-spring.com/
Discord: https://discord.gg/Ap2sf3sKqg
Instagram: https://www.instagram.com/mrpsolver/

New Web Developers Be Like...

React State Management is half of your React app so it is important for React developers to understand. In this full intermediate React tutorial, you will learn how to implement state management using industry best practices.

✏️ Jack Herrington created this course. He is a principal full stack engineer. Check out his channel: https://www.youtube.com/channel/UC6vRUjYqDuoUsYsku86Lrsw

💻 Code!: https://github.com/jherr/fcc-state

⌨️ (0:00:00) Introduction
⌨️ (0:03:27) useState
⌨️ (0:18:37) useReducer
⌨️ (0:32:29) useMemo & useCallback
⌨️ (0:49:43) useEffect
⌨️ (1:05:59) useRef
⌨️ (1:13:53) Context and Custom Hooks
⌨️ (1:41:48) React Query & React Location
⌨️ (1:57:26) Zustand
⌨️ (2:06:11) Valtio
⌨️ (2:12:44) Jotai
⌨️ (2:20:51) Redux
⌨️ (2:37:56) The new use hook
⌨️ (2:44:26) Recommendations
⌨️ (2:46:07) Outroduction

🎉 Thanks to our Champion and Sponsor supporters:
👾 Nattira Maneerat
👾 Heather Wcislo
👾 Serhiy Kalinets
👾 Erdeniz Unvan
👾 Justin Hual
👾 Agustín Kussrow
👾 Otis Morgan

--

Learn to code for free and get a developer job: https://www.freecodecamp.org

Read hundreds of articles on programming: https://freecodecamp.org/news

React State Management – Intermediate JavaScript Course

Angular, React.js or Vue.js? I get this question a lot! Let me share some thoughts on it with you!
Join the full React.js course: https://acad.link/reactjs 
Or dive into Angular: https://acad.link/angular
Or explore Vue.js: https://acad.link/vuejs

Want to read instead of watch? Here you go! https://academind.com/learn/javascript/angular-vs-react-vs-vue-my-thoughts/

Check out all our other courses: https://academind.com/learn/our-courses

----------

JS Framework Benchmark: https://github.com/krausest/js-framework-benchmark

----------

• Go to https://www.academind.com and subscribe to our newsletter to stay updated and to get exclusive content & discounts
• Follow @maxedapps and @academind_real on Twitter
• Join our Facebook community on https://www.facebook.com/academindchannel/

See you in the videos!

----------

Academind is your source for online education in the areas of web development, frontend web development, backend web development, programming, coding and data science! No matter if you are looking for a tutorial, a course, a crash course, an introduction, an online tutorial or any related video, we try our best to offer you the content you are looking for. Our topics include Angular, React, Vue, Html, CSS, JavaScript, TypeScript, Redux, Nuxt.js, RxJs, Bootstrap, Laravel, Node.js, Progressive Web Apps (PWA), Ionic, React Native, Regular Expressions (RegEx), Stencil, Power BI, Amazon Web Services (AWS), Firebase or other topics, make sure to have a look at this channel or at academind.com to find the learning resource of your choice!

Angular vs React.js vs Vue.js - My Thoughts!

Which Pokemon is roundest??? Today we will find out!

Theo builds a full stack web app using the T3 Stack as detailed on https://init.tips

If you're interested in Next.js, React, TypeScript, Prisma, tRPC, PlanetScale + MySQL, and Tailwind, all deployed on Vercel, you're in the right place :)

The services we used are...
Planetscale - https://planetscale.com/?ref=theo
Vercel - https://vercel.com/?ref=theo

Check out the final product at https://roundest.t3.gg

Github repo: https://github.com/TheoBr/roundest-mon

Follow me on twitter for more web dev BS: https://twitter.com/t3dotgg

Rough timestamps:
0:00 - Intro & planning in Excalidraw
4:15 - Initializing with init.tips
5:00 - Tailwind setup
17:15 - API setup with tRPC
27:45 - Random pokemon endpoint
39:00 - SSR is hard
1:04:00 - PlanetScale and Prisma setup
1:26:00 - Image optimization and caching with `@next/image`
1:38:50 - Cache pokemon from PokeAPI in our db
1:43:00 - Relations are hard (Prisma fails)
1:58:00 - Backfilling all pokemon into db
2:11:00 - Results page
2:35:40 - Typescript saves us

Building a MODERN Full Stack App for FREE w/ NextJS 12, Typescript, Prisma and more - T3 Stack

COUPON FOR MY GIT & GITHUB COURSE: https://www.udemy.com/course/git-and-github-bootcamp/?couponCode=21391F935F15DBA563DF

COUPON FOR MY NEW COMMAND-LINE COURSE: https://www.udemy.com/course/the-linux-command-line-bootcamp/?couponCode=BFFE1ED31FBED68BD88C

Learn the essentials of React using Hooks.  

Find my code here: https://codesandbox.io/s/react-intro-q3cm2?file=/src/App.js

Learn more about my online job-guaranteed bootcamp here: https://rebrand.ly/coltsbootcamp Use the code "COLT" for a $500 scholarship.

Python

JavaScript

Web development

React