Angular for Beginners - Let's build a Tic-Tac-Toe PWA
Learn the basics of Angular 8 ? by building a tic-tac-toe game ?️ from scratch...Then deploy it as an installable progressive web app (PWA). Go beyond the basics ?https://fireship.io/courses/angular/
Drizzle is a serverless TypeScript ORM designed for PostgreSQL, MySQL and SQLite. Get started with Drizzle by hooking it up to Neon's free serverless database https://neon.tech/fireship
#programming #database #100SecondsOfCode
? Chat with Me on Discord
https://discord.gg/fireship
? Resources
Neon Postgres Database https://neon.tech/fireship
Drizzle ORM https://github.com/drizzle-team/drizzle-orm
Neon's Full Drizzle Tutorial https://youtu.be/hIYNOiZXQ7Y
I tried 8 PostgreSQL ORMS https://youtu.be/4QN1BzxF8wM
? 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
- What is Drizzle?
- Best database to use with Drizzle
- Best serverless database tools
- What is object relational mapping?
- Comparison of JavaScript ORMs
- How does Object Relational Mapping in SQL work?
...
https://www.youtube.com/watch?v=i_mAHOhpBSA
Learn how build a fullstack realtime chat app with Svelte and Pocketbase, then deploy it to a Linux server for just $5. Let's find out if the Spock stack can scale...
? Get started with Linode at https://www.linode.com/fireship ($100 Credit good for 60 days as a new user)
#webdevelopment #project #linux
? Chat with Me on Discord
https://discord.gg/fireship
? Resources
- Chat App Live Demo https://pocketchat.fireship.app
- Fireship Pocketbase Tutorial https://fireship.io/lessons/pocketbase-chat-app
- Full Source Code https://github.com/fireship-io/pocketchat-tutorial
- Pocketbase Docs https://pocketbase.io/
- Pocketbase First look https://youtu.be/Wqy3PBEglXQ
? 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
- Build an app with Svelte
- What is Pocketbase?
- Can Pocketbase scale?
- Deploying Pocketbase to Linode
...
https://www.youtube.com/watch?v=gUYBFDPZ5qk
Test-Driven Development (TDD) is a proven prevent bugs and improve the quality of your code - and it's fun! Learn the fundamentals of JavaScript testing in this beginner's tutorial. https://github.com/fireship-io/tdd-basics-project
#js #webdev #tutorial
? Resources
Wallaby (20% discount) https://bit.ly/34KDnHP
Jest https://jestjs.io/
Cypress https://www.cypress.io/
Software Testing in 100 Seconds https://youtu.be/u6QfIXgjwGQ
? Chapters
00:00 Why Test?
01:13 Test-Driven Development (TDD) Philosophy
02:07 Functional Testing
03:40 Non-Functional Testing
03:53 JS Interview Question
04:12 Setting up Jest
06:04 Writing your First Test
09:05 Setup & Teardown
10:29 Code Coverage Report
10:57 Cypress E2E
? Install the quiz app
iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8
Android https://play.google.com/store/apps/details?id=io.fireship.quizapp
? Watch more with Fireship 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
...
https://www.youtube.com/watch?v=Jv2uxzhPFl4
The best comments explain WHY your code exists, not what it does
#code #comedy #shorts
Inspiration: https://stackoverflow.com/questions/184618/what-is-the-best-comment-in-source-code-you-have-ever-encountered
...
https://www.youtube.com/watch?v=kt0bfw4YkFk
Build a dynamic task queue with the new cron scheduled Pub/Sub Cloud Functions from Firebase. https://fireship.io/lessons/cloud-functions-scheduled-time-trigger/
- Cloud Functions Cron Trigger https://firebase.googleblog.com/2019/04/schedule-cloud-functions-firebase-cron.html
Note. This video was recut from an upload yesterday that I decided to take down - some of the editing might seem a little strange.
...
https://www.youtube.com/watch?v=h79xrJZAQ6I
I recently asked "You are on your deathbed, what do you regret the most about programming?". Let's break down the biggest mistakes shared by most software engineers.
⚡Check out https://daily.dev/fireship to keep on on latest developer news!
#programming #tech #humor
? Chat with Me on Discord
https://discord.gg/fireship
? Resources
Original Tweet https://twitter.com/fireship_dev/status/1784964387666804953
How to Flex on Programmers https://youtu.be/r6tH55syq0o
? 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 do I become a better programmer?
- What do programmers regret?
- Pros and cons of learning to code
- Common mistakes in software engineering
- Worst programming languages
...
https://www.youtube.com/watch?v=ehTIhQpj9ys
https://angularfirebase.com/lessons/deploying-an-angular-app-to-firebase/
In this episode, we're going to deploy an Angular 4 app to Firebase hosting. After some initial configuration, you can deploy your app to firebase in a matter of seconds. The best part is that its free for low volume usage and you'll be prepared to scale up as your app grows.
Step 1 - Compile your App
Running the ng build command will compile and minify your code in a single package in the dist/ folder. You could drop the contents of this directory into virtually any static website hosting platform or even an S3 bucket and you’re site would be ready to serve traffic.
Step 2 - Install Firebase Tools
Firebase has a nice command line package for deployment. Install it with NPM, then log into your firebase account.
Step 3 - Initialize your Project
Make sure you are in the top level directory of your angular app, then run firebase init. This will take you through a one-time configuration for your app.
For the most part, you can stick with the default settings, except in the follow cases:
Choose hosting on the first question.
Change public folder to dist when asked (it defaults to public).
Configure as single page app? Yes
If firebase asks to overwrite your index.html file, respond with NO.
Step 4 - Deploy
Now your app should be ready to deploy. Run the firebase deploy command, then check your project URL to make sure everything looks good.
That's all for firebase deployment, see you next time.
...
https://www.youtube.com/watch?v=aICeVhu2mAE
Learn how to build an awesome chatbot in Angular using Dialogflow (formerly API.ai). In this video go from brand new app to chatbot in about 10 minutes. https://angularfirebase.com/lessons/chatbot-in-angular-with-dialogflow-api-ai/
Dialogflow: https://dialogflow.com/
Angular: https://angular.io/
NLP: https://en.wikipedia.org/wiki/Natural_language_processing
...
https://www.youtube.com/watch?v=CKhV7-NF2OI
Use the special link https://redis.info/fireship (or code: MATRIX200) to try Redis Enterprise Cloud to get a $200 credit, become part of a weekly raffle, and a chance to win a Tesla Model 3(Terms and conditions apply)!
Redis is an extremely fast in-memory database often used as a cache. It has evolved into a multi-model database with support for graphs, JSON documents, full-text search, and more. Try Redis Enterprise for free https://bit.ly/3wnVsXA
#database #tech #100SecondsOfCode
Note. I collaborated with RedisLabs on this video, but I maintained full creative control over the content - Redis it’s a product I genuinely like and use (like all topics on my channel).
? Resources
Redis Modules: https://bit.ly/3ABCEHu
Redis on Github: https://github.com/redis/redis
...
https://www.youtube.com/watch?v=G1rOthIU-uo