Beginner Javascript: String manipulation
The Beginner Javascript will look more in depth in. topics and start using some of the build in methods. Some videos will also be purely focuse on methods to be used as a video reference point.
1
view
Elementary Javascript: Loops
Elementary Javascript is meant to give you just enough information to start playing with the language and have an Idea of what you are looking at when you look that the documentation. The idea is that you take this then go start playing in the sandbox and looking at documentation. Just watching videos will only teach you so much go get your hands dirty and practice.
1
view
Elementary javascript: If statements
Elementary Javascript is meant to give you just enough information to start playing with the language and have an Idea of what you are looking at when you look that the documentation. The idea is that you take this then go start playing in the sandbox and looking at documentation. Just watching videos will only teach you so much go get your hands dirty and practice.
1
view
Elementary Javascript: Arrays
Elementary Javascript is meant to give you just enough information to start playing with the language and have an Idea of what you are looking at when you look that the documentation. The idea is that you take this then go start playing in the sandbox and looking at documentation. Just watching videos will only teach you so much go get your hands dirty and practice.
2
views
Elementary Javascript: Strings
Elementary Javascript is meant to give you just enough information to start playing with the language and have an Idea of what you are looking at when you look that the documentation. The idea is that you take this then go start playing in the sandbox and looking at documentation. Just watching videos will only teach you so much go get your hands dirty and practice.
1
view
Elementary Javascript: Comments
Elementary Javascript is meant to give you just enough information to start playing with the language and have an Idea of what you are looking at when you look that the documentation. The idea is that you take this then go start playing in the sandbox and looking at documentation. Just watching videos will only teach you so much go get your hands dirty and practice.
1
view
Elementary Javascript: variables, functions, scope
Elementary Javascript is meant to give you just enough information to start playing with the language and have an Idea of what you are looking at when you look that the documentation. The idea is that you take this then go start playing in the sandbox and looking at documentation. Just watching videos will only teach you so much go get your hands dirty and practice.
1
view
Kotlin onBudgetShopping part 8, Adapters and Fragments
A walk through of a personal project that I wanted to create. I started to learn Kotlin and app development because I want to create this app. Now you can follow along with parts of my journey learn Kotlin
Project this is a shopping list that will allow the user to create trips that have a spending goal. and keeps track of how much you have spent as you add items to the list.
Refrence Links
Code:
https://gitlab.com/jboothwebdev1/budget-shopping
Kotlin docs:
https://kotlinlang.org/
Android docs:
https://developer.android.com/
Stack
Kotlin
Tech
Desk: Airlift sit/stand desk
Monitor: MSI 34in monitor
Computer: Lenovo Ideapad
OS: Pop.os
Mouse: Logitech MX master 2
Keyboard: nuphy air 75
IDE: Android Studio
Text Editor: Vim/ LunarVim edition
3
views
Kotlin budget shopping list part 7 Adapters
A walk through of a personal project that I wanted to create. I started to learn Kotlin and app development because I want to create this app. Now you can follow along with parts of my journey learn Kotlin
Project this is a shopping list that will allow the user to create trips that have a spending goal. and keeps track of how much you have spent as you add items to the list.
Refrence Links
Code:
https://gitlab.com/jboothwebdev1/budget-shopping
Kotlin docs:
https://kotlinlang.org/
Android docs:
https://developer.android.com/
Stack
Kotlin
Tech
Desk: Airlift sit/stand desk
Monitor: MSI 34in monitor
Computer: Lenovo Ideapad
OS: Pop.os
Mouse: Logitech MX master 2
Keyboard: nuphy air 75
IDE: Android Studio
Text Editor: Vim/ LunarVim edition
1
view
Kotlin: Budget Shopping App part 6, Create the view Models
A walk through of a personal project that I wanted to create. I started to learn Kotlin and app development because I want to create this app. Now you can follow along with parts of my journey learn Kotlin
Project this is a shopping list that will allow the user to create trips that have a spending goal. and keeps track of how much you have spent as you add items to the list.
Refrence Links
Code:
https://gitlab.com/jboothwebdev1/budget-shopping
Kotlin docs:
https://kotlinlang.org/
Android docs:
https://developer.android.com/
Stack
Kotlin
Tech
Desk: Airlift sit/stand desk
Monitor: MSI 34in monitor
Computer: Lenovo Ideapad
OS: Pop.os
Mouse: Logitech MX master 2
Keyboard: nuphy air 75
IDE: Android Studio
Text Editor: Vim/ LunarVim edition
3
views
Kotlin App: Budget Shopping List part 5, Intro to navigation
A walk through of a personal project that I wanted to create. I started to learn Kotlin and app development because I want to create this app. Now you can follow along with parts of my journey learn Kotlin
Project this is a shopping list that will allow the user to create trips that have a spending goal. and keeps track of how much you have spent as you add items to the list.
Refrence Links
Code:
https://gitlab.com/jboothwebdev1/budget-shopping
Kotlin docs:
https://kotlinlang.org/
Android docs:
https://developer.android.com/
Stack
Kotlin
Tech
Desk: Airlift sit/stand desk
Monitor: MSI 34in monitor
Computer: Lenovo Ideapad
OS: Pop.os
Mouse: Logitech MX master 2
Keyboard: nuphy air 75
IDE: Android Studio
Text Editor: Vim/ LunarVim edition
2
views
Getting Started with React forms using Typescript
Make our basic react forms Typescript friendly.
Tech
Desk: Airlift sit/stand desk
Monitor: MSI 34in monitor
Computer: Lenovo Ideapad
OS: Pop.os
Mouse: Logitech MX master 2
Keyboard: nuphy air 75
IDE: WebStorm
Text Editor: Vim/ LunarVim edition
4
views
Getting Started with React forms using Javascript
Basic introduction to using forms with react in javascript.
two different ways to get started use in forms in your react applications
and a very basic introduction to validation
Tech
Desk: Airlift sit/stand desk
Monitor: MSI 34in monitor
Computer: Lenovo Ideapad
OS: Pop.os
Mouse: Logitech MX master 2
Keyboard: nuphy air 75
IDE: Android Studio
Text Editor: Vim/ LunarVim edition
1
view
Things I wish I knew when starting to code
Thoughts and things to consider when first starting to code.
if there are any questions leave them below and hope me or someone else will point you in the right direction. No gatekeepers.
Tech
Desk: Airlift sit/stand desk
Monitor: MSI 34in monitor
Computer: Lenovo Ideapad
OS: Pop.os
Mouse: Logitech MX master 2
Keyboard: nuphy air 75
IDE: Android Studio
Text Editor: Vim/ LunarVim edition
2
views
Kotlin App: Budget Shopping List part 4, Intro to xml files
A walk through of a personal project that I wanted to create. I started to learn Kotlin and app development because I want to create this app. Now you can follow along with parts of my journey learn Kotlin
Project this is a shopping list that will allow the user to create trips that have a spending goal. and keeps track of how much you have spent as you add items to the list.
Refrence Links
Code:
https://gitlab.com/jboothwebdev1/budget-shopping
Kotlin docs:
https://kotlinlang.org/
Android docs:
https://developer.android.com/
Stack
Kotlin
Tech
Desk: Airlift sit/stand desk
Monitor: MSI 34in monitor
Computer: Lenovo Ideapad
OS: Pop.os
Mouse: Logitech MX master 2
Keyboard: nuphy air 75
IDE: Android Studio
Text Editor: Vim/ LunarVim edition
2
views
Create a Next.js App with Chakra-ui
Basic step to create a Next.js app with Chakra-ui and color mode theme set up.
4
views
Kotlin App: Budget Shopping List part 2, Setting up the database
A walk through of a personal project that I wanted to create. I started to learn Kotlin and app development because I want to create this app. Now you can follow along with parts of my journey learn Kotlin
Project this is a shopping list that will allow the user to create trips that have a spending goal. and keeps track of how much you have spent as you add items to the list.
Refrence Links
Code:
https://gitlab.com/jboothwebdev1/budget-shopping
Kotlin docs:
https://kotlinlang.org/
Android docs:
https://developer.android.com/
Stack
Kotlin
Tech
Desk: Airlift sit/stand desk
Monitor: Asus 32in monitor
Computer: Lenovo Ideapad
OS: Pop.os
Mouse: Logitech MX master 2
Keyboard: nuphy air 75
IDE: Android Studio
Text Editor: Vim/ LunarVim edition
7
views
Kotlin App: Budget Shopping List part 1, Creating the app.
A walk through of a personal project that I wanted to create. I started to learn Kotlin and app development because I want to create this app. Now you can follow along with parts of my journey learn Kotlin
Project this is a shopping list that will allow the user to create trips that have a spending goal. and keeps track of how much you have spent as you add items to the list.
Refrence Links
Code:
https://gitlab.com/jboothwebdev1/budget-shopping
Kotlin docs:
https://kotlinlang.org/
Android docs:
https://developer.android.com/
Stack
Kotlin
Tech
Desk: Airlift sit/stand desk
Monitor: Asus 32in monitor
Computer: Lenovo Ideapad
OS: Pop.os
Mouse: Logitech MX master 2
Keyboard: nuphy air 75
IDE: Android Studio
Text Editor: Vim/ LunarVim edition
13
views
Integrating Vim into my IDE.
A quick look at how you can add the vim workflow into jet brains ide.
Music by RomanBelov, madirfan, penguinmusic, Coma-Media, Zen_Man from https://pixabay.com
Tech
Desk: Airlift sit/stand desk
Monitor: Asus 32in monitor
Computer: Lenovo Ideapad
OS: Pop.os
Mouse: Logitech MX master 2
Keyboard: Preonic
Text Editor: Vim/ LunarVim edition
IDE: Jetbrains Pycharm
5
views
Starting the edit order functionallity Photosite part 8, Next.js, Django Rest Frameword
Starting to add the ability to update and edit the orders. We will be adding another page and form as well as adding and changing some API's
This is not an instructional video or a tutorial. This is kinda like pair programming allowing you to see the full process of my working on a personal project. There is minimal editing to remove random noises or dead time when I was just thinking.
Stack
Frontend = Next.js
Backend = Python Django rest framework
Database = MySQL
Tech
Desk: Airlift sit/stand desk
Monitor: Asus 32in monitor
Computer: Lenovo Ideapad
OS: Pop.os
Mouse: Logitech MX master 2
Keyboard: Preonic
Text Editor: Vim/ LunarVim edition
3
views
Photosite part 7 Creating the delete API Next.js, Django Rest Framework
This is not an instructional video or a tutorial. This is kinda like pair programming allowing you to see the full process of my working on a personal project. There is minimal editing to remove random noises or dead time when I was just thinking.
Music by RomanBelov, madirfan, penguinmusic, Coma-Media, Zen_Man from "https://pixabay.com/?utm_source=link-attribution&utm_medium=referral&utm_campaign=music&utm_content=9867"
Stack
Frontend = Next.js
Backend = Python Django rest framework
Database = MySQL
Tech
Desk: Airlift sit/stand desk
Monitor: Asus 32in monitor
Computer: Lenovo Ideapad
OS: Pop.os
Mouse: Logitech MX master 2
Keyboard: Preonic
Text Editor: Vim/ LunarVim edition
Creating A Reset Page, Nextjs, Django rest framework.
Covered in video
Creating a new page
Creating an new delete call both
This is not an instructional video or a tutorial. This is kinda like pair programming allowing you to see the full process of my working on a personal project. There is minimal editing to remove random noises or dead time when I was just thinking.
Music by RomanBelov, madirfan,
penguinmusic, Coma-Media, Zen_Man from https://pixabay.com/
Stack
Frontend = Next.js
Backend = Python Django rest framework
Database = MySQL
Tech
Desk: Airlift sit/stand desk
Monitor: Asus 32in monitor
Computer: Lenovo Ideapad
OS: Pop.os
Mouse: Logitech MX master 2
Keyboard: Preonic
Text Editor: Vim/ LunarVim edition
2
views
Photosite Part 6 deleting customers, Next js, Chakra-UI, Django rest framework.
Expanding more on the delete functionality, by creating a new service function and and createing a delete api
This is not an instructional video or a tutorial. This is kinda like pair programming allowing you to see the full process of my working on a personal project. There is minimal editing to remove random noises or dead time when I was just thinking.
Music was provided by https://biglink.to/chillselect
Stack
Frontend = Next.js
Backend = Python Django rest framework
Database = MySQL
Tech
Desk: Airlift sit/stand desk
Monitor: Asus 32in monitor
Computer: Lenovo Ideapad
OS: Pop.os
Mouse: Logitech MX master 2
Keyboard: Preonic
Text Editor: Vim/ LunarVim edition
3
views
Photosite Part 5 deleting orders, With Next.js, chakra-ui and SWR
Adding some delete functionality to the site. The middle has quite a bit of debugging in it so that might get boring but it might give you some ideas of things to do. Or more importantly things not to do. Thanks for watching and reading.
This is not an instructional video or a tutorial. This is kinda like pair programming allowing you to see the full process of my working on a personal project. There is minimal editing to remove random noises or dead time when I was just thinking.
Music was provided by Spotify's - Royality Free Lofi channel
TimeStamps
00:00 start .
04:30 Delete the orders.
10:15 Create the delete function in the service.
15:00 debugging
37:30 Updating the UI through SWR
40:00 Updating styling
Stack
Frontend = Next.js
Backend = Python Django rest framework
Database = MySQL
Tech
Desk: Airlift sit/stand desk
Monitor: Asus 32in monitor
Computer: Lenovo Ideapad
OS: Pop.os
Mouse: Logitech MX master 2
Keyboard: Preonic
Text Editor: Vim/ LunarVim edition
4
views
Photo Site Next.js, Charka-UI, SWR part 5 - Dynamic Routes and Adding orders by customer section
This is not an instructional video or a tutorial. This is kinda like pair programming allowing you to see the full process of my working on a personal project. There is minimal editing to remove random noises or dead time when I was just thinking. May have to redo this one as of the songs was a parently not royalty free
Music was provided by Spotify's - Royality Free Lofi channel
Timestamps
00:00 Start
00:01 Adding Dynamic Routes
02:52 Creating the Dynamic Page
10:30 Changing the API to word better
16:53 Started debugging
27:19 Close to figuring it out
Stack
Frontend = Next.js
Backend = Python Django rest framework
Database = MySQL
Tech
Desk: Airlift sit/stand desk
Monitor: Asus 32in monitor
Computer: Lenovo Ideapad
OS: Pop.os
Mouse: Logitech MX master 2
Keyboard: Preonic
Text Editor: Vim/ LunarVim edition
4
views