What is DevOps? How to setup a CI/CD pipeline? Learn the basics of continuous integration & delivery and how it can optimize your productivity and code quality. After this, go further ? https://youtu.be/eB0nUzAI7M8
Learn the fundamentals of Search Engine Optimization (SEO) from the perspective of a web developer. Determine the optimal way to structure and render HTML for bots https://fireship.io/courses/react-next-firebase/
PRO Membership Discount 30% Code: fZGT5HZT
*Discount Expires on Friday 2/12
Technical overview https://developers.google.com/web/updates/2019/02/rendering-on-the-web
ISR https://nextjs.org/docs/basic-features/data-fetching#incremental-static-regeneration
00:00 What is SEO
02:01 Create Good Content
03:54 HTML Structure
07:09 Rendering Strategies
#webdev #seo #100SecondsOfCode
My VS Code Theme
- Atom One Dark
- vscode-icons
- Fira Code Font
...
https://www.youtube.com/watch?v=-B58GgsehKQ
Learn the basics of CSS Grid in 100 seconds. Grid ?âš¡ is a powerful tool that can build layouts in the context of columns and rows. It's not easy to learn, but can dramatically simplify CSS positioning code for responsive designs.
Stay tuned for a full grid project next week! https://fireship.io/tags/css/
Grid Docs: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout/Basic_Concepts_of_Grid_Layout
#css #tutorial #100SecondsOfCode
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
Upgrade to Fireship PRO at https://fireship.io/pro
Use code lORhwXd2 for 25% off your first payment.
My VS Code Theme
- Atom One Dark
- vscode-icons
- Fira Code Font
...
https://www.youtube.com/watch?v=uuOXPWCh-6o
What is GraphQL? Learn how it compares to REST and why developers love this query language for reading and mutating data in APIs https://fireship.io/tags/graphql
GraphQL API Docs https://graphql.org/
SpaceX GraphQL API https://api.spacex.land/graphql/
#dev#graphql #100SecondsOfCode
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
Upgrade to Fireship PRO at https://fireship.io/pro
Use code lORhwXd2 for 25% off your first payment.
My VS Code Theme
- Atom One Dark
- vscode-icons
- Fira Code Font
...
https://www.youtube.com/watch?v=eIQh02xuVw4
Data-Driven Documents or D3 is a JavaScript library for drawing SVGs with data. It's the magic behind many of the graphs, charts, and other data visualizations you see on the web today. https://fireship.io/lessons/realtime-charts-d3-firebase/
#javascript #datavis #100SecondsOfCode
? Resources
D3 https://d3js.org/
Realtime Animated Charts https://fireship.io/lessons/realtime-charts-d3-firebase/
? 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
- D3.js Basics
- Data Vis with JavaScript
- Draw SVG Graphics with Data
...
https://www.youtube.com/watch?v=bp2GF8XcJdY
JOIN me for a full beginner’s tutorial on MySQL. Learn the basics of relational databases by recreating AirBnb’s database with raw SQL https://fireship.io/tags/sql/
Buy the MySQL Pillow https://fireshipio-swag.creator-spring.com/listing/mysql-pillow
References
Diagram https://drawsql.app/fireship/diagrams/airbnb-mysql-tutorial
Installer https://dev.mysql.com/downloads/installer/
MySQL Docs https://dev.mysql.com/doc/
#mysql #database #tutorial
00:00 0. SQL is King
00:49 1. The Legend of Ted Codd
01:24 2. ORM Magic
02:00 3. What is a RDBMS?
02:37 4. Draw SQL Diagrams
02:56 5. Schemas, Datatypes, & Constraints
04:12 6. Be Normalized
05:00 7. Install MySQL on Windows/Mac
05:50 8. Create a New Database
06:13 9. SQLTools VS Code Extension
06:46 10. --comments
07:02 11. Basic SQL Syntax
08:04 12. Primary Key
08:31 13. Varchar vs Text
09:31 14. INSERT New Data
10:28 15. Read or SELECT Data
10:57 16. LIMIT & ORDER
11:23 17. Filtering with WHERE
11:50 18. LIKE pattern matching
12:19 19. INDEX for read speed
12:56 20. JOIN a relationship
15:41 21. Alias AS
16:08 22. JOIN through a middle man
16:58 23. DROP a video
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
Upgrade to Fireship PRO at https://fireship.io/pro
Use code lORhwXd2 for 25% off your first payment.
My VS Code Theme
- Atom One Dark
- vscode-icons
- Fira Code Font
...
https://www.youtube.com/watch?v=Cz3WcZLRaWc
A quick setup guide ? for NestJS and Firebase Cloud Functions. Two strategies for making your Nest app serverless in the first episode of *The More you Code*. https://fireship.io/snippets/setup-nestjs-on-cloud-functions/
#nest #js #serverless
Don't forget to take the quiz ?
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=IVy3Tm8iHQ0
Can you tell which code example is bad? Learn the subtle differences between variables in JavaScript by comparing let vs var.
Learn more about JS in my full course https://fireship.io/courses/js/
#javascript #programming #game
...
https://www.youtube.com/watch?v=ZRjmGq1gAEQ
Learning to code can open many doors in life, but it's NOT easy and NOT for everybody. Let's take a look at 8 different techniques supported by science that can help you become a programmer faster. https://fireship.io/pro
#learntocode #tech #programming
? Resources
Feynman Technique https://medium.com/taking-note/learning-from-the-feynman-technique-5373014ad230
How to Get a Tech Job https://youtu.be/Xg9ihH15Uto
Spacing Effect https://en.wikipedia.org/wiki/Spacing_effect
Don't Learn to Code https://techcrunch.com/2016/05/10/please-dont-learn-to-code/
? Chapters
00:00 Learn to Code
00:43 1. Hard Work
01:29 2. Patterns over Syntax
02:38 3. Stop Watching
03:22 4. Stay Healthy
03:47 5. Feynman Technique
05:00 6. Dopamine Hits
05:47 7. Not Too Hard tho
06:27 8. Learn Like a Pro
? 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
Is Learning to Code hard?
Can anybody learn to code?
Tips for learning programming
Staying healthy while coding
Is coding the new literacy?
How to use the Feynman technique
What is the best programming language to start with? Python, JS, Go, Swift, or Kotlin
...
https://www.youtube.com/watch?v=NtfbWkxJTHw
Create beautiful ? page transitions with the Angular Router by building four different animation sequences from scratch https://fireship.io/lessons/angular-router-animations/
- Deal Crunch App https://play.google.com/store/apps/details?id=com.jstudio.dealcrunch
- Angular Router https://angular.io/guide/router
- Angular Animations https://angular.io/guide/animations
...
https://www.youtube.com/watch?v=7JA90VI9fAI