?Description Hello everyone! Leetcode in Python is a series where I explain all solutions to popular leetcode problems. Each video contains a theoretical section (where I explain the reasoning behind the most optimal solution) and a practical section (where I go over the Python solution). Solving these leetcode problems has helped me land interviews and job offers from numerous companies like Amazon (SWE offer), Goldman Sachs (SWE offer), and Google (onsite + colossal failure). Stay tuned to learn how to crack (nearly) any coding interview.
In today's "Leetcode in Python" episode, I will be going over Valid Parentheses. Please leave a like if you enjoyed the content, and subscribe if you would like to learn more about popular leetcode problems asked during coding interviews. Thanks, and have a good one!
?Note Feel free to watch this video at 1.25 - 1.5 speed as I go through the solution pretty slowly.
⏳Timestamps 00:09 Problem statement 00:29 Examples 01:50 Algorithm 05:20 Big O Complexity 06:28 The Code 10:30 Coding Example
== [ Description ] ==
I recently started learning React.js with TypeScript and wanted to test out my knowledge by coding a kanban board productivity app like Trello. In this video, we will go over some of the benefits of TypeScript, why you should use it with React, and how it can help you become a more productive developer.
== [ Socials ] ==
Twitter ▶ https://twitter.com/SuboptimalEng
Github ▶ https://github.com/SuboptimalEng
Subscribe ▶ https://youtube.com/SuboptimalEng?sub_confirmation=1
== [ Resources] ==
React Beautiful Dnd: https://egghead.io/courses/beautiful-and-accessible-drag-and-drop-with-react-beautiful-dnd
== [ Timestamps ] ==
00:00 Intro
00:32 React + TypeScript App
01:58 Refactoring with TypeScript
03:57 Using React with TypeScript
05:34 Fin
== [ Tags ] ==
#suboptimal #reactjs #typescript
== [ Description ] ==
I'm Suboptimal (a software engineer) and I make videos about web technologies and developer productivity. In this video, I’ll help you elevate your “internet exploring” skills by getting you started with using Vim Commands in Chrome via the Vimium Chrome Extension.
== [ Links ] ==
Vim Setup in VS Code: [https://www.youtube.com/watch?v=h-epcklOC_g](https://www.youtube.com/watch?v=h-epcklOC_g)
== [ Socials ] ==
Twitter: [https://twitter.com/SuboptimalEng](https://twitter.com/SuboptimalEng)
GitHub: [https://github.com/SuboptimalEng](https://github.com/SuboptimalEng)
YouTube: [https://youtube.com/SuboptimalEng](https://youtube.com/SuboptimalEng)
== [ Timestamps ] ==
00:00 Demo
00:42 Intro
01:41 Precursor to Using Vimium
02:30 Vimium Pros & Cons
03:55 Common Commands
04:57 Setup Vimium in Chrome
06:10 Fin
== [ Tags ] ==
#suboptimal #software #engineer
?Description
Hello everyone! "LeetCode in Python" is a series where I explain all solutions to popular LeetCode problems. Each video contains a theoretical section (where I explain the reasoning behind the most optimal solution) and a practical section (where I go over the Python solution). Solving these LeetCode problems has helped me land interviews and job offers from numerous companies like Amazon (SWE offer), Goldman Sachs (SWE offer), and Google (onsite). Stay tuned to learn how to crack (nearly) any coding interview.
In today's "LeetCode in Python" episode, I will be going over the 155th LeetCode problem: Min Stack. Please leave a like if you enjoyed the content, and subscribe if you would like to learn more about popular LeetCode problems asked during coding interviews. Thanks, and have a good one!
?Note
Feel free to watch this video at 1.25 - 1.5 speed as I go through the solution(s) pretty slowly.
⏳Timestamps
00:22 Problem
00:55 Algorithm & Complexity
03:53 Code
?Resources
Code: https://github.com/SuboptimalEng/
LeetCode: https://leetcode.com/problems/min-stack/
?Music
deadman 死人 - Omae Wa Mou (Tiny Little Adiantum Remix/Lil Boom - Already Dead Instrumental): https://www.youtube.com/watch?v=Ejv0Gk-mGko
#leetcode #python #suboptimaleng
...
https://www.youtube.com/watch?v=2wqSq2Lde-Q
== [ Description ] ==
Orbital is an open-source, local-first video file browser built with React, TypeScript, Tailwind CSS, and Electron. It helps you efficiently search, preview, and view video (and image) files on your computer. I made Orbital to help editors, creators, YouTubers, and anyone else who stores a lot of media files (like me).
Orbital is available to purchase on Gumroad for $10 USD. Buying it gives you access to all the features presented in the video, lifetime updates, and it helps support me as I work on features and updates. The code can be found in the Github link.
Purchase Orbital ? https://suboptimaleng.gumroad.com/l/orbital-app
Orbital Video File Browser ? https://github.com/SuboptimalEng/Orbital
== [ Socials ] ==
Twitter ▶ https://twitter.com/SuboptimalEng
Github ▶ https://github.com/SuboptimalEng
YouTube ▶ https://youtube.com/SuboptimalEng
Website ▶ https://suboptimaleng.com
== [ Timestamps ] ==
00:00 What is Orbital?
00:43 Video File Browser Demo
== [ Music ] ==
Lakey Inspired, Blue Boi - https://soundcloud.com/lakeyinspired/blue-boi
== [ Tags ] ==
#suboptimal #reactjs #electron
// Description
Yo, I decided to make a quick project with python again since running Unity on my 4 y/o Mac was not ideal. This time, I made a tool that helps you analyze twitch user-video data. We use the Python requests library to make calls to the Twitch API and display the information with d3.js charts. Hope y'all enjoy!
// Code
- Github: https://github.com/SuboptimalEng/
// Helpful Resources
- Twitch API: https://dev.twitch.tv/docs/api/reference
- D3.js Charts: https://blog.ruanbekker.com/blog/2017/12/14/graphing-pretty-charts-with-python-flask-and-chartjs/
// Music
- Joakim Karud, Canals: https://soundcloud.com/joakimkarud/canals-chilihop-essentials-summer-2016
// Follow me!
- Github: https://github.com/SuboptimalEng
- Youtube: https://www.youtube.com/channel/UCeUeYvS8xb0iRxegIMxkX-w
#devlog #python #twitch #datascience
...
https://www.youtube.com/watch?v=nASfFE9kIas
I'm a suboptimal (software) engineer at a startup in San Francisco and these are my thoughts on how to maximize your coding productivity with VSCode.
== [ Timestamps ] ==
00:00 Intro
00:08 Visual Studio Code Overview
01:00 File Setup
01:12 Full Stack Engineer Workflow
03:06 Vim Commands
04:12 Summary
04:51 Closing Remarks
== [ Socials ] ==
Twitter: https://twitter.com/SuboptimalEng
GitHub: https://github.com/SuboptimalEng
== [ Tags ] ==
#vscode #coding #productivity
...
https://www.youtube.com/watch?v=-_z9PMTXrfQ
== [ Description ] ==
Last week, I made a Twitter clone using Tailwind CSS and learned a lot about color customization. In this video, I go over how to customize colors inside your tailwind config and have consistent UI.
== [ Socials ] ==
Twitter ▶ https://twitter.com/SuboptimalEng
Github ▶ https://github.com/SuboptimalEng
Blog ▶ https://suboptimaleng.github.io
Subscribe ▶ https://youtube.com/SuboptimalEng?sub_confirmation=1
== [ Links ] ==
Twitter Colors: https://usbrandcolors.com/twitter-colors/
Doge Moon Pic: https://www.reddit.com/r/dogecoin/comments/1wpued/does_this_mean_we_made_it_to_the_moon/
== [ Timestamps ] ==
00:00 Intro
00:56 Import Colors into Tailwind Config
03:01 Extending Color Themes
04:33 Tailwind Colors Demo
05:45 Quick Recap
06:20 Fin
== [ Tags ] ==
#suboptimal #tailwindcss #twitterclone
== [ Description ] ==
In this video, I go over how to get started with the Font Awesome library in Vue 3. This library helps you add numerous types of SVG icons (solid, brand, etc.) into your Vue.js projects.
== [ Socials ] ==
Twitter ▶ https://twitter.com/SuboptimalEng
Github ▶ https://github.com/SuboptimalEng
Subscribe ▶ https://youtube.com/SuboptimalEng?sub_confirmation=1
== [ Links ] ==
Font Awesome: https://fontawesome.com/
Font Awesome Vue: https://github.com/FortAwesome/vue-fontawesome
== [ Timestamps ] ==
00:00 Intro
00:42 What is Font Awesome?
01:19 Setup Vue 3 Project w/ CLI
02:58 Font Awesome Installation
04:19 Import Font Awesome Icons
05:45 Font Awesome Vue 3 Component
07:25 Display Icons in Vue 3 Project
08:36 Setup Brand Icons
12:01 Font Awesome Optimizations
14:12 Fin
== [ Tags ] ==
#suboptimal #vuejs #fontawesome
== [ Description ] ==
In this coding tutorial, we go over how to build an infinite scroller with React hooks. Learning how to build infinite scrolling is important because it is a popular coding interview question for frontend engineers and it is also used by a lot of tech companies like Facebook and Twitter. We will start off this tutorial by setting up Next.js with Tailwind CSS. Next, we will query an API with axios and load the data into a React useState hook. Finally, we will implement the infinite scroll component to load data after the user scrolls to the bottom of the page.
== [ Projects ] ==
Orbital Video File Browser ? https://www.orbital.so
== [ Socials ] ==
Twitter ▶ https://twitter.com/SuboptimalEng
Github ▶ https://github.com/SuboptimalEng
YouTube ▶ https://youtube.com/SuboptimalEng
Website ▶ https://suboptimaleng.com
== [ Resources] ==
GitHub Code: https://github.com/SuboptimalEng/CodingTutorials
Next.js Setup Guide: https://nextjs.org/docs/getting-started
Pokemon API: https://pokeapi.co/
== [ Timestamps ] ==
00:00 What is Infinite Scroll?
00:49 Next.js Setup Guide
02:19 Request API Data with Axios
04:05 Store Data in useState Hook
06:46 Update UI with Tailwind CSS
07:55 Refactor Code with useEffect
09:05 Add Window Event Listener
10:08 Determine Page Scroll Offset
13:22 Load API Data on Scroll
15:14 Add Infinite Scroll
== [ Tags ] ==
#suboptimal #reactjs #reacthooks