What will the future of AI programming look like with tools like ChatGPT and GitHub Copilot? Let's take a look at how machine learning could change the daily lives of developers in the near future.

#ai #tech #TheCodeReport

💬 Chat with Me on Discord

https://discord.gg/fireship

🔗 Resources

ChatGPT Demo https://openai.com/blog/chatgpt
Codex CLI https://github.com/microsoft/Codex-CLI
Tech Trends to Watch in 2023 https://youtu.be/1v_TEnpqHXE

🔥 Get More Content - Upgrade to PRO

Upgrade at https://fireship.io/pro
Use code YT25 for 25% off PRO access 

🎨 My Editor Settings

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

🔖 Topics Covered

- How will ChatGPT affect programmers?
- Is AI going to replace software engineers?
- The future of AI programming tools?
- Universal AI programming language
- Using AI from the command line

What will AI Programming look like in 5 Years?

I cannot believe this is finally here. It has been a few years since container queries were talked about and introduced and now they are finally available in nearly every browser. This will completely change how we write CSS, but I think more importantly it will change how we handle writing components as well. I cannot wait to see what people do with this.


📚 Materials/References:

CSS Viewport Units Video: https://youtu.be/5m6JOJLy5B0
CSS Viewport Units Article: https://blog.webdevsimplified.com/2022-08/css-viewport-units
CSS :has Selector Video: https://youtu.be/K6CWjkDgQnE
CSS :has Selector Article: https://blog.webdevsimplified.com/2022-09/css-has-selector


🌎 Find Me Here:

My Blog: https://blog.webdevsimplified.com
My Courses: https://courses.webdevsimplified.com
Patreon: https://www.patreon.com/WebDevSimplified
Twitter: https://twitter.com/DevSimplified
Discord: https://discord.gg/7StTjnR
GitHub: https://github.com/WebDevSimplified
CodePen: https://codepen.io/WebDevSimplified


⏱️ Timestamps:

00:00 - Introduction
00:41 - Basic Container Query Example
04:15 - Advanced Container Query Features
08:20 - Container Units
10:00 - Debugging
10:31 - Using The :has Selector


#CSS #WDS #ContainerQueries

Responsive CSS Will Never Be The Same

Copying code is a bit of a controversial topic especially when it comes to portfolio projects. Many people say you shouldn’t copy tutorial code for your projects, but I personally believe copying code is completely fine under certain circumstances.


🌎 Find Me Here:

My Blog: https://blog.webdevsimplified.com
My Courses: https://courses.webdevsimplified.com
Patreon: https://www.patreon.com/WebDevSimplified
Twitter: https://twitter.com/DevSimplified
Discord: https://discord.gg/7StTjnR
GitHub: https://github.com/WebDevSimplified
CodePen: https://codepen.io/WebDevSimplified


⏱️ Timestamps:

00:00 - Introduction
00:40 - When copying code is bad
01:22 - Modify copied code
03:15 - Implement copied code into your own larger project


#WebDevelopment #WDS #Programming

Should You Copy My Code?

Testing is hard and knowing what to test is even harder. In this video I talk about the 3 different types of tests and how they compare to one another. I also talk about why end to end tests are so great and why writing less tests can make your test coverage better.


📚 Materials/References:

Pure Functions Video: https://youtu.be/fYbhD_KMCOg
Pure Functions Article: https://blog.webdevsimplified.com/2020-09/pure-functions
Jest Video: https://youtu.be/FgnxcUQ5vho


🌎 Find Me Here:

My Blog: https://blog.webdevsimplified.com
My Courses: https://courses.webdevsimplified.com
Patreon: https://www.patreon.com/WebDevSimplified
Twitter: https://twitter.com/DevSimplified
Discord: https://discord.gg/7StTjnR
GitHub: https://github.com/WebDevSimplified
CodePen: https://codepen.io/WebDevSimplified


⏱️ Timestamps:

00:00 - Introduction
00:40 - Types of tests
02:55 - Comparison between test types
03:52 - When to use unit tests
06:35 - When to use end to end tests
08:18 - When to use integration tests


#Testing #WDS #E2ETests

Stop Writing So Many Tests

Zod is amazing. It is not only an incredible validation library, but the direct interactions it has with TypeScript make it event better. Not having to define my types twice is a game changer and the simple yet powerful API of Zod is so nice. In this video I talk about what Zod is, show examples of how to use Zod, and talk about why it is so amazing.


🌎 Find Me Here:

My Blog: https://blog.webdevsimplified.com
My Courses: https://courses.webdevsimplified.com
Patreon: https://www.patreon.com/WebDevSimplified
Twitter: https://twitter.com/DevSimplified
Discord: https://discord.gg/7StTjnR
GitHub: https://github.com/WebDevSimplified
CodePen: https://codepen.io/WebDevSimplified


⏱️ Timestamps:

00:00 - Introduction
00:28 - What Is ZOD?
05:12 - ZOD Demo


#Zod #WDS #TypeScript

Zod Makes TypeScript Even Better

This is what I use terraform for: https://github.com/milliHQ/terraform-aws-next-js

#benawad

----
Follow me online: https://voidpet.com/benawad

Technologies I'm Learning in 2023

Create React App is an incredible tool that made it easy to setup and work with React, but as the years have gone by CRA has become less and less useful to the point that you should pretty much never use it. In this video I talk about all the alternatives to CRA that you should consider using instead.


📚 Materials/References:

Astro vs Gatsby Video: https://youtu.be/YtaR_I65wmI
My Blog: https://blog.webdevsimplified.com


🌎 Find Me Here:

My Blog: https://blog.webdevsimplified.com
My Courses: https://courses.webdevsimplified.com
Patreon: https://www.patreon.com/WebDevSimplified
Twitter: https://twitter.com/DevSimplified
Discord: https://discord.gg/7StTjnR
GitHub: https://github.com/WebDevSimplified
CodePen: https://codepen.io/WebDevSimplified


⏱️ Timestamps:

00:00 - Introduction
00:27 - CRA Cons
01:14 - Vite
02:27 - Astro/Gatsby
04:43 - Next.js
06:54 - Full Stack Frameworks


#CRA #WDS #React

Stop Using Create React App

What if you could code without coding? As the number of features and requirements increase in our apps, text-based logic becomes much more complex to understand, change, and test. Using visual event-driven state modeling with state machines and statecharts orchestrates this logic in a simpler way. In this talk, you will learn about new tools and techniques for managing and editing complex logic visually, and how XState can bring your app logic to the next level.

PUBLICATION PERMISSIONS:
Oredev Conference Organizers provided Coding Tech with their permission to republish Oredev Tech Talks.