How to "Google It" like a Senior Software Engineer
They say a Software Engineer is just a “professional google searcher” and that is 100% accurate. Learn how to use Google like a 10x developer to get the information you need faster. Follow me on Odysee https://odysee.com/@fireship:8
00:00 Professional Google Searchers 00:30 Exact 01:07 Site 01:22 Exclude 01:39 Before or After 01:55 Range 02:06 Logic & Group 02:20 Wildcard 02:36 FileType 02:48 Search the Fringe 03:22 Competitor Research 03:45 Cache
? Get More Content - Upgrade to PRO
Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment.
Next.js version 13 was announced yesterday and it brings huge changes to the framework. They collaborated directly with the React team to create the ultimate web framework and a new webpack replacement built with Rust... let's take a first look.
#javascript #tech #TheCodeReport
? Chat with Me on Discord
https://discord.gg/fireship
? Resources
Next 13 Announcement https://nextjs.org/blog/next-13
Turbopack Announcement https://vercel.com/blog/turbopack
Next.js Full Course https://fireship.io/courses/react-next-firebase/
Next in 100 Seconds https://youtu.be/Sklc_fQBmcs
? 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 changed in Next.js 13?
- Should I upgrade to Next 13?
- Next.js vs Remix
- Next.js vs Nuxt
- Vite vs Turbopack
- Replacing webpack with Turbopack
...
https://www.youtube.com/watch?v=_w0Ikk4JY7U
Why did Twitter recently impose a rate limit for all users? The official reason is to combat web scrapers and bots, but others have speculated it's related to issues managing cloud resources.
#tech #webdevelopment #thecodereport
? Chat with Me on Discord
https://discord.gg/fireship
? Resources
Elon's Rate Limit Tweet https://twitter.com/elonmusk/status/1675187969420828672
Twitter code open sourced https://youtu.be/GXN34w8kju4
Reddit API pricing https://youtu.be/Ch6zNEq9fwM
Beyond Fireship Web Scraping https://youtu.be/qo_fUjb02ns
? 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 does rate limiting work?
- Twitter self-inflicted DDoS attack
- Is Twitter dying?
- Twitter issues with Google Cloud Platform
- Elon Musk vs Zuckerberg fight
- JavaScript bugs in production
...
https://www.youtube.com/watch?v=3AS5x05XIyg
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
What does it mean to be Turing Complete? Is HTML & CSS Turing Complete?
#shorts #compsci #programming #math
...
https://www.youtube.com/watch?v=UwrZkg6JOOU
Terraform infrastructure-as-code tool recently switched to a BSL license. As a result, it was forked into a new project called OpenTF. Let's look at open-source licensing and find out why this drama occurred.
#programming #opensource #thecodereport
? Chat with Me on Discord
https://discord.gg/fireship
? Resources
- OpenTF Manifesto https://github.com/opentffoundation/manifesto
- Hashicorp announcement https://www.hashicorp.com/blog/hashicorp-adopts-business-source-license
- Terraform in 100 Seconds https://youtu.be/tomUWcQ0P3k
? 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
- Why did Terraform get Forked?
- Alternatives to terraform
- What is Infrastructure-as-code (IaC)
- AWS Terraform
- What is the true definition of Open Source software?
...
https://www.youtube.com/watch?v=HzBA6FIn_Bo
In this episode, we build a five-star review system with Angular and the Firestore NoSQL document database. Learn how to model data relationships and manage them from an Angular service. https://angularfirebase.com/lessons/star-ratings-system-with-firestore/
CodePen CSS Stars: https://codepen.io/jamesbarnett/pen/vlpkh
Firestore Data Model: https://firebase.google.com/docs/firestore/data-model
...
https://www.youtube.com/watch?v=I2i3gXoTmcw
The fundamentals of transactional email ?. How to use SendGrid with Firebase Cloud Functions to send email from your app.
Check out the full lesson for demos with Angular, React, Vue, Svelte, and Flutter.
SendGrid https://sendgrid.com/
Cloud Functions https://firebase.google.com/docs/functions
#email #firebase #sendgrid
Download 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
Upgrade to Fireship PRO at https://fireship.io/pro
Use code lORhwXd2 for 25% off your first payment.
...
https://www.youtube.com/watch?v=vThujL5-fZQ
Binary is a base-2 numbering system and the final language used by computer hardware. Programmers don't write binary code directly, but it's import to understand how a machine uses transistors to organize billions of bits to represent data. https://fireship.io
#compsci #math #100SecondsOfCode
? Resources
Binary Explanation https://www.kerryr.net/pioneers/binary.htm
Binary history https://www.cs.cas.cz/portal/AlgoMath/NumberTheory/Arithmetics/NumeralSystems/PositionalNumeralSystems/BinarySystem.htm
Hex dump https://hexed.it/
? 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
- How do binary numbers work?
- How to computers use binary?
- What is a hex dump?
- How to count in binary?
- When was binary first invented?
- bit vs byte vs nibble
...
https://www.youtube.com/watch?v=zDNaUi2cjv4
UPDATE: Get the latest version here https://angularfirebase.com/lessons/google-user-auth-with-firestore-custom-data/
Router Guards are used in Angular to prevent unauthorized users from navigating anywhere they want in your app. At this point our app has a working Firebase authentication system, but any visitor can access routes intended for only logged in users.
Guards handle this problem by implementing the CanActivate interface, which tells Angular whether or not to activate a route. In this example, we will protect pages for unauthenticated users and redirect them to a signin page.
Step 1 - Generate the Guard
We use the CLI in Angular 4 to generate a default guard.
Guards use the injectable decorator, so they need to be registered as a provider just like any other service in the app module.
Step 2 - Update the Auth Service
Our users are authenticating via Firebase and the AngularFire2 package. In the service we are subscribing the FirebaseAuthState, then using a getter to see if the auth object is null. Checkout the OAuth tutorial for more details on this code.
Step 3 - Implement the Guard Logic
Router guards always return a boolean type or boolean observable. The logic here is simple, if the FirebaseAuthState is defined, we activate the route. Otherwise, we return false and navigate to to the login page.
Now that the guard is complete, we just need to apply it to specific routes in the routing module.
That's it for router guards, I'll see you next time.
...
https://www.youtube.com/watch?v=RxLI9_ub6PM