CSS Box Model ๐ฅ
The CSS box model describes how elements are displayed and sized. It is useful to customize the design and layout of elements of web pages.
It contains the following properties๐
๐ฏcontent: this includes text, images, or other HTML elements.
๐ฏpadding: this is the space between an elementโs content and its border.
๐ฏborder: this is a line that surrounds the padding and content of an element.
๐ฏmargin: this is the space between an elementโs border and its neighbouring elements.
The CSS box model describes how elements are displayed and sized. It is useful to customize the design and layout of elements of web pages.
It contains the following properties๐
๐ฏcontent: this includes text, images, or other HTML elements.
๐ฏpadding: this is the space between an elementโs content and its border.
๐ฏborder: this is a line that surrounds the padding and content of an element.
๐ฏmargin: this is the space between an elementโs border and its neighbouring elements.
๐1
Quick HTML Tags Cheat Sheet!
๐TOP 8 resources to supercharge your interview preparation:
1โฃinterviewing.io
2โฃpramp.com
3โฃmeetapro.com
4โฃgainlo.co
5โฃonsites.fyi
6โฃbigfrontend.dev
7โฃinterviewguide.dev
8โฃinterviewcake.com
1โฃinterviewing.io
2โฃpramp.com
3โฃmeetapro.com
4โฃgainlo.co
5โฃonsites.fyi
6โฃbigfrontend.dev
7โฃinterviewguide.dev
8โฃinterviewcake.com
๐2
16 CSS frameworks and libraries you can try:
โ๏ธ Tailwind CSS
๐ Materialize
๐ Bulma
๐ Primer
๐ Foundation
๐ฉ UIkit
๐ป Vanilla Framework
๐ฅ Blaze UI
๐ Pico.css
๐ Fomantic-UI
๐ฆ PatternFly
๐ Bootstrap
๐ Carbon Components
โ๏ธ Cirrus
๐ฆ Material Components Web
๐ HiQ
โ๏ธ Tailwind CSS
๐ Materialize
๐ Bulma
๐ Primer
๐ Foundation
๐ฉ UIkit
๐ป Vanilla Framework
๐ฅ Blaze UI
๐ Pico.css
๐ Fomantic-UI
๐ฆ PatternFly
๐ Bootstrap
๐ Carbon Components
โ๏ธ Cirrus
๐ฆ Material Components Web
๐ HiQ
Microsoft is offering Data Science for Beginners for FREE
- 10 Weeks
- 20 Lessons
100% Free
Find course link๐
- 10 Weeks
- 20 Lessons
100% Free
Find course link๐
๐1
7 Step Roadmap for Data Analyst
1. Maths and Statistics
2. Microsoft Excel
3. SQL
4. Python
5. Data Visualization
6. BI Tools
7. Make resume, GitHub profile, LinkedIn profile & prepare for interviews
@javascript_resources
#DataAnalyst #python
1. Maths and Statistics
2. Microsoft Excel
3. SQL
4. Python
5. Data Visualization
6. BI Tools
7. Make resume, GitHub profile, LinkedIn profile & prepare for interviews
@javascript_resources
#DataAnalyst #python
๐4โค1
SQL, NoSQL, or something elseโhow do you decide which database?
The performance of your application can suffer if you choose the incorrect database type, and going back on a bad choice can be time-consuming and expensive.
Before we dive into the factors to take into account when choosing an appropriate database, letโs examine the characteristics of the most widely used databases.
In a ๐ฟ๐ฒ๐น๐ฎ๐๐ถ๐ผ๐ป๐ฎ๐น ๐ฑ๐ฎ๐๐ฎ๐ฏ๐ฎ๐๐ฒ, data is organized in rows and columns where a row represents a record and its data fields are stored in columns. They are ideal for when ACID compliance is required, and a predefined schema can be created.
With ๐ฐ๐ผ๐น๐๐บ๐ป๐ฎ๐ฟ ๐ฑ๐ฎ๐๐ฎ๐ฏ๐ฎ๐๐ฒ๐, records are stored as columns rather than rows. This makes them very performant for analytical purposes where complex queries are run across large datasets; especially those that contain aggregate functions.
In a ๐ฑ๐ผ๐ฐ๐๐บ๐ฒ๐ป๐ ๐ฑ๐ฎ๐๐ฎ๐ฏ๐ฎ๐๐ฒ, data is stored in a semi-structured format such as JSON. They offer a flexible and schema-less approach which makes them a great choice for data with complex or continually changing structures.
๐๐ฟ๐ฎ๐ฝ๐ต ๐ฑ๐ฎ๐๐ฎ๐ฏ๐ฎ๐๐ฒ๐ are optimized for storing and querying highly connected data. Records are represented as nodes and relationships as edges. Under the hood, they use graph theory to traverse relationships between nodes to power performant queries.
๐๐ฒ๐-๐๐ฎ๐น๐๐ฒ ๐๐๐ผ๐ฟ๐ฒ๐ are a simple form of storage where values are inserted, updated, and retrieved using a unique key. They are more commonly used for small datasets and often temporary purposes such as caching or session management.
๐ง๐ถ๐บ๐ฒ-๐๐ฒ๐ฟ๐ถ๐ฒ๐ ๐ฑ๐ฎ๐๐ฎ๐ฏ๐ฎ๐๐ฒ๐ are ideal for time-stamped data that are queried and analyzed in relation to time. They provide built-in time-based functions that assist in analyzing large datasets over time.
Each database type has been optimized for specific use cases.
It's important to thoroughly consider the correct database for your use case as it can impact your applicationโs performance.
Below are considerations that should be made:
๐ธ How structured is your data?
๐ธ How often will the schema change?
๐ธ What type of queries do you need to run?
๐ธ How large is your dataset and do you expect it to grow?
๐ธ How large is each record?
๐ธWhat is the nature of the operations you need to run? Is it read-heavy or write-heavy?
Use these questions as a starting point for your analysis. Take the time to investigate your use case and ask questions to your stakeholders and end-users when necessary.
It's important to invest as much time in this decision as needed. Choosing the wrong database type can be detrimental to your applicationโs performance, and difficult to reverse.
The performance of your application can suffer if you choose the incorrect database type, and going back on a bad choice can be time-consuming and expensive.
Before we dive into the factors to take into account when choosing an appropriate database, letโs examine the characteristics of the most widely used databases.
In a ๐ฟ๐ฒ๐น๐ฎ๐๐ถ๐ผ๐ป๐ฎ๐น ๐ฑ๐ฎ๐๐ฎ๐ฏ๐ฎ๐๐ฒ, data is organized in rows and columns where a row represents a record and its data fields are stored in columns. They are ideal for when ACID compliance is required, and a predefined schema can be created.
With ๐ฐ๐ผ๐น๐๐บ๐ป๐ฎ๐ฟ ๐ฑ๐ฎ๐๐ฎ๐ฏ๐ฎ๐๐ฒ๐, records are stored as columns rather than rows. This makes them very performant for analytical purposes where complex queries are run across large datasets; especially those that contain aggregate functions.
In a ๐ฑ๐ผ๐ฐ๐๐บ๐ฒ๐ป๐ ๐ฑ๐ฎ๐๐ฎ๐ฏ๐ฎ๐๐ฒ, data is stored in a semi-structured format such as JSON. They offer a flexible and schema-less approach which makes them a great choice for data with complex or continually changing structures.
๐๐ฟ๐ฎ๐ฝ๐ต ๐ฑ๐ฎ๐๐ฎ๐ฏ๐ฎ๐๐ฒ๐ are optimized for storing and querying highly connected data. Records are represented as nodes and relationships as edges. Under the hood, they use graph theory to traverse relationships between nodes to power performant queries.
๐๐ฒ๐-๐๐ฎ๐น๐๐ฒ ๐๐๐ผ๐ฟ๐ฒ๐ are a simple form of storage where values are inserted, updated, and retrieved using a unique key. They are more commonly used for small datasets and often temporary purposes such as caching or session management.
๐ง๐ถ๐บ๐ฒ-๐๐ฒ๐ฟ๐ถ๐ฒ๐ ๐ฑ๐ฎ๐๐ฎ๐ฏ๐ฎ๐๐ฒ๐ are ideal for time-stamped data that are queried and analyzed in relation to time. They provide built-in time-based functions that assist in analyzing large datasets over time.
Each database type has been optimized for specific use cases.
It's important to thoroughly consider the correct database for your use case as it can impact your applicationโs performance.
Below are considerations that should be made:
๐ธ How structured is your data?
๐ธ How often will the schema change?
๐ธ What type of queries do you need to run?
๐ธ How large is your dataset and do you expect it to grow?
๐ธ How large is each record?
๐ธWhat is the nature of the operations you need to run? Is it read-heavy or write-heavy?
Use these questions as a starting point for your analysis. Take the time to investigate your use case and ask questions to your stakeholders and end-users when necessary.
It's important to invest as much time in this decision as needed. Choosing the wrong database type can be detrimental to your applicationโs performance, and difficult to reverse.
๐1๐ฅ1
Copy and paste these ChatGPT prompts to land your dream job
1. Networking on LinkedIn for Job Opportunity:
Prompt:
Create a message to connect with a professional at [Company] on LinkedIn, discussing my interest in the [Title] position and how my background in [Specific Field/Technology] makes me a strong candidate.
Prompt:
Create a message to connect with a professional at [Company] on LinkedIn, discussing my interest in the [Title] position and how my background in [Specific Field/Technology] makes me a strong candidate.
2. Write a Cover Letter:
Prompt:
Write a cover letter for the role of [Title] at [Company], emphasizing my experience in [Specific Field/Technology]. Mention how my contributions at [Previous Company] align with the job requirements: <Copy/paste job description>.
Prompt:
Write a cover letter for the role of [Title] at [Company], emphasizing my experience in [Specific Field/Technology]. Mention how my contributions at [Previous Company] align with the job requirements: <Copy/paste job description>.
๐1
3. Write a Resume from Scratch:
Prompt -
Write resume for [Title] at [company], [X] years of experience, 3-5 bullet points per role and include 10 key job description keywords. Past titles: [Company A-Y years, Company B-Z years].
<Copy/paste job description>.
Prompt -
Write resume for [Title] at [company], [X] years of experience, 3-5 bullet points per role and include 10 key job description keywords. Past titles: [Company A-Y years, Company B-Z years].
<Copy/paste job description>.
โค1
4. Check if Resume match with Job Description
Prompt -
Review if my skills and the job description for the [Title] position at [Company] match? Tell mismatch percentage.
Job description: [paste text/link]
My Skills: [Add your Skills]
Prompt -
Review if my skills and the job description for the [Title] position at [Company] match? Tell mismatch percentage.
Job description: [paste text/link]
My Skills: [Add your Skills]
5. Update Resume
Prompt -
Update my resume for the [Title] role at [Company] by focusing on relevant skills mentioned in the job description.
Job Description: [copy/paste job description]
Current Resume: [copy/ paste current resume]
Prompt -
Update my resume for the [Title] role at [Company] by focusing on relevant skills mentioned in the job description.
Job Description: [copy/paste job description]
Current Resume: [copy/ paste current resume]
6. Email to send Resume and Cover Letter
Prompt -
Compose an email to send my resume and cover letter for the [Title] position at [Company] to an employer: [employer email], highlight my key achievements at [Previous Company] and express my enthusiasm for the role.
Prompt -
Compose an email to send my resume and cover letter for the [Title] position at [Company] to an employer: [employer email], highlight my key achievements at [Previous Company] and express my enthusiasm for the role.
โค1