1. What is the purpose of the <!DOCTYPE html> declaration?
Anonymous Quiz
15%
A) To define the title of the HTML page
22%
B) To specify the language of the document
54%
C) To tell the browser which version of HTML to expect
9%
D) To style the HTML page
2,Which HTML tag is used for the largest heading?g?**
Anonymous Quiz
71%
A) <h1>
17%
B) <h6>
4%
C) <h3>
8%
D) <p>
3,What tag is used to create a paragraph in HTML?L?**
Anonymous Quiz
15%
A) <para>
5%
B) <div>
77%
C) <p>
3%
D) <h2>
4,Which element is required to start an HTML document ?
Anonymous Quiz
16%
A) <head>
24%
B) <html>
58%
C) <!DOCTYPE html>
2%
D) <body>
π1
6,What tag is used to add metadata like the title or character set to an HTML document?
Anonymous Quiz
33%
A) <meta>
20%
B) <title>
20%
C) <html>
28%
d) <head>
To learn web design and development from basic to advanced levels, you can follow these steps:π€©π€©
β©HTML and CSS:
Start with the basics of HTML (Hypertext Markup Language) and CSS (Cascading Style Sheets). HTML provides the structure and content of web pages, while CSS handles the visual presentation. Learn how to create web pages, format text, add images, and apply styles using HTML and CSS.
β©JavaScript:
Expand your knowledge by learning JavaScript, a programming language for web development. JavaScript adds interactivity and dynamic features to websites. Study JavaScript concepts like variables, functions, loops, and conditional statements. Learn how to manipulate the Document Object Model (DOM) and create interactive elements.
β©Responsive Web Design:
Understand the principles of responsive web design, which ensures websites adapt to different screen sizes and devices. Learn techniques such as media queries and flexible layouts to create responsive and mobile-friendly websites.
β©Front-End Frameworks:
Explore popular front-end frameworks like Bootstrap or Foundation. These frameworks provide pre-built components and a responsive grid system, making it easier to design and develop modern, visually appealing websites.
β©Back-End Development:
Dive into back-end development to create dynamic websites and handle server-side operations. Learn a back-end programming language such as Python, PHP, or Node.js. Understand concepts like server-side scripting, handling databases, and interacting with APIs.
β©Database Management:
Gain knowledge of database management systems such as MySQL or PostgreSQL. Understand how to create, manage, and query databases, as well as the principles of database design and normalization.
β©Content Management Systems (CMS):
Explore popular CMS platforms like WordPress, Joomla, or Drupal. Learn how to customize and develop themes, create plugins or modules, and manage website content using CMS tools.
β©Version Control:
Familiarize yourself with version control systems like Git. Learn how to track changes, collaborate with others, and manage your codebase effectively using version control.
β©Web Performance and Optimization:
Study techniques for optimizing website performance, such as optimizing images, minifying CSS and JavaScript files, and caching. Understand concepts like page speed, performance testing, and website optimization best practices.
β©Continuous Learning and Industry Trends:
Stay updated with the latest web design and development trends, technologies, and tools. Follow blogs, forums, and online communities to learn from industry experts and explore new advancements.
β‘οΈBuild Projects and Practice:
Put your knowledge into practice by building projects and websites. Start with small projects and gradually work on more complex ones. Building real-world projects will help you gain practical experience and refine your skills.
β©HTML and CSS:
Start with the basics of HTML (Hypertext Markup Language) and CSS (Cascading Style Sheets). HTML provides the structure and content of web pages, while CSS handles the visual presentation. Learn how to create web pages, format text, add images, and apply styles using HTML and CSS.
β©JavaScript:
Expand your knowledge by learning JavaScript, a programming language for web development. JavaScript adds interactivity and dynamic features to websites. Study JavaScript concepts like variables, functions, loops, and conditional statements. Learn how to manipulate the Document Object Model (DOM) and create interactive elements.
β©Responsive Web Design:
Understand the principles of responsive web design, which ensures websites adapt to different screen sizes and devices. Learn techniques such as media queries and flexible layouts to create responsive and mobile-friendly websites.
β©Front-End Frameworks:
Explore popular front-end frameworks like Bootstrap or Foundation. These frameworks provide pre-built components and a responsive grid system, making it easier to design and develop modern, visually appealing websites.
β©Back-End Development:
Dive into back-end development to create dynamic websites and handle server-side operations. Learn a back-end programming language such as Python, PHP, or Node.js. Understand concepts like server-side scripting, handling databases, and interacting with APIs.
β©Database Management:
Gain knowledge of database management systems such as MySQL or PostgreSQL. Understand how to create, manage, and query databases, as well as the principles of database design and normalization.
β©Content Management Systems (CMS):
Explore popular CMS platforms like WordPress, Joomla, or Drupal. Learn how to customize and develop themes, create plugins or modules, and manage website content using CMS tools.
β©Version Control:
Familiarize yourself with version control systems like Git. Learn how to track changes, collaborate with others, and manage your codebase effectively using version control.
β©Web Performance and Optimization:
Study techniques for optimizing website performance, such as optimizing images, minifying CSS and JavaScript files, and caching. Understand concepts like page speed, performance testing, and website optimization best practices.
β©Continuous Learning and Industry Trends:
Stay updated with the latest web design and development trends, technologies, and tools. Follow blogs, forums, and online communities to learn from industry experts and explore new advancements.
β‘οΈBuild Projects and Practice:
Put your knowledge into practice by building projects and websites. Start with small projects and gradually work on more complex ones. Building real-world projects will help you gain practical experience and refine your skills.
π5β€1
Learn Django Easily π€©
Here's all you need to get started π
1. Introduction to Django
- What is Django?
- Setting up the Development Environment
2. Django Basics
- Django Project Structure
- Apps in Django
- Settings and Configuration
3. Models
- Creating Models
- Migrations
- Model Relationships
4. Views
- Function-Based Views
- Class-Based Views
- Generic Views
5. Templates
- Template Syntax
- Template Inheritance
- Template Tags and Filters
6. Forms
- Creating Forms
- Form Validation
- Model Forms
7. URLs and Routing
- URLconf
- Named URL Patterns
- URL Namespaces
8. Django ORM
- Querying the Database
- QuerySets
- Aggregations
9. Authentication and Authorization
- User Authentication
- Permission and Groups
- Django's Built-in User Model
10. Static Files and Media
- Serving Static Files
- File Uploads
- Managing Media Files
11. Middleware
- Using Middleware
- Creating Custom Middleware
12. REST Framework
- Django REST Framework (DRF)
- Serializers
- ViewSets and Routers
13. Testing
- Writing Tests
- Testing Models, Views, and Forms
- Test Coverage
14. Internationalization and Localization
- Translating Strings
- Time Zones
15. Security
- Securing Django Applications
- CSRF Protection
- XSS Protection
16. Deployment
- Deploying with WSGI and ASGI
- Using Gunicorn
- Deploying to Heroku, AWS, etc.
17. Optimization
- Database Optimization
- Caching Strategies
- Profiling and Performance Monitoring
18. Best Practices
- Code Structure
- DRY Principle
- Reusable Apps
Here's all you need to get started π
1. Introduction to Django
- What is Django?
- Setting up the Development Environment
2. Django Basics
- Django Project Structure
- Apps in Django
- Settings and Configuration
3. Models
- Creating Models
- Migrations
- Model Relationships
4. Views
- Function-Based Views
- Class-Based Views
- Generic Views
5. Templates
- Template Syntax
- Template Inheritance
- Template Tags and Filters
6. Forms
- Creating Forms
- Form Validation
- Model Forms
7. URLs and Routing
- URLconf
- Named URL Patterns
- URL Namespaces
8. Django ORM
- Querying the Database
- QuerySets
- Aggregations
9. Authentication and Authorization
- User Authentication
- Permission and Groups
- Django's Built-in User Model
10. Static Files and Media
- Serving Static Files
- File Uploads
- Managing Media Files
11. Middleware
- Using Middleware
- Creating Custom Middleware
12. REST Framework
- Django REST Framework (DRF)
- Serializers
- ViewSets and Routers
13. Testing
- Writing Tests
- Testing Models, Views, and Forms
- Test Coverage
14. Internationalization and Localization
- Translating Strings
- Time Zones
15. Security
- Securing Django Applications
- CSRF Protection
- XSS Protection
16. Deployment
- Deploying with WSGI and ASGI
- Using Gunicorn
- Deploying to Heroku, AWS, etc.
17. Optimization
- Database Optimization
- Caching Strategies
- Profiling and Performance Monitoring
18. Best Practices
- Code Structure
- DRY Principle
- Reusable Apps
π3β€2π1
αα΅ α¨ Ethio-Coder α°ααͺαα½ ααα³α½α ααα₯α
Anonymous Poll
98%
ααα₯α
6%
α α
π6
α αΊ ααα±α α ααα₯ααα αα ααα channal ααα α
αα αα αΌα α ααααΈα
Linkπππππππππππ
https://t.me/Muju_man_coding
Linkπππππππππππ
https://t.me/Muju_man_coding
π4
How much money can you get from web development?
You want to join our channel
ππππππππππππ
πhttps://t.me/Muju_man_coding
Web developer salaries vary based on factors such as location, experience, and skill level. On average, they range from $50,000 to $120,000 per year.
You want to join our channel
ππππππππππππ
πhttps://t.me/Muju_man_coding
π3
This media is not supported in your browser
VIEW IN TELEGRAM
π7β€2π₯1π1
Code Spark
Video
Kelay yeserawut calculator app new
ππππππππππππ
ππππππππππππ
βα°αα α¨α°α¨α α«α½α α¨ ethio coder α€α°α°α¦α½ α₯αα΄α΅ αα½α ?
βα«αα α΅ ααα α¨ α΅αα αα΅ α₯α α¨α΅α« α°α α΅ α αα α ααα α ααα΅α αα α΅αα ααα₯ ααα α α¨αα«α½ααα α΅αα α ααα°α±
α α°αα ααα΅ α ααα΅ α¨ web development α΅αα αα΅ α α°α£α₯ α αα₯α°αα
1.α αΉαα ααα α²αα -α¨ααα α°α π¨βπ¨βπ¦βπ¦ α αα» channelu αα ααα αα½ααα’
2.Premium α²αα -α¨ααα α°α α α°αα¨ αααα΅ α ααα« ααα αα½αα
α α¨ ααα΅ αα α«ααα
π₯Premium ααα³α½α α¨αα°α₯α α΅ ααααΆα½ :-
β ααα± αα°α α α live α²αα
β α¨α°αα«α© projectα¦α½ α¨αα°α₯ α²αα
β α¨α°αα«α© material αα°α₯ αααα
,
,
,
,
etc
αα α£αα α³α΅ α¨ premium α ααααα΅ α αα°α₯απππππ
αααα«α±α α«αα α°α α α α΅ααα
ααα αα 3 αα α αα ααα₯αα
join our channel to learn
πππππππππ
https://t.me/Muju_man_coding
βα«αα α΅ ααα α¨ α΅αα αα΅ α₯α α¨α΅α« α°α α΅ α αα α ααα α ααα΅α αα α΅αα ααα₯ ααα α α¨αα«α½ααα α΅αα α ααα°α±
α α°αα ααα΅ α ααα΅ α¨ web development α΅αα αα΅ α α°α£α₯ α αα₯α°αα
1.α αΉαα ααα α²αα -α¨ααα α°α π¨βπ¨βπ¦βπ¦ α αα» channelu αα ααα αα½ααα’
2.Premium α²αα -α¨ααα α°α α α°αα¨ αααα΅ α ααα« ααα αα½αα
α α¨ ααα΅ αα α«ααα
π₯Premium ααα³α½α α¨αα°α₯α α΅ ααααΆα½ :-
β ααα± αα°α α α live α²αα
β α¨α°αα«α© projectα¦α½ α¨αα°α₯ α²αα
β α¨α°αα«α© material αα°α₯ αααα
,
,
,
,
etc
αα α£αα α³α΅ α¨ premium α ααααα΅ α αα°α₯απππππ
αααα«α±α α«αα α°α α α α΅ααα
ααα αα 3 αα α αα ααα₯αα
join our channel to learn
πππππππππ
https://t.me/Muju_man_coding
π3
π₯An HTML line break is a way to force text to start on a new line. It is done using the <br> tag in HTML. This tag is empty, meaning it doesnβt need a closing tag.
π₯HTML line break ααα΅ α α αα΅ peragraph ααα α heading αα΅α₯ code α ααα½αα α΅ αα α¨αααααα αΉαα α α α²α΅ αα΅αα α₯αα²α½ααα αα¨α αα α’
α΅α tag α₯α α΅αparagraph α¨αα α αα°αα α¨αα«αΉ α¨αα α₯α©α΅
syntax ( α α»α»α ): <br>
exampl:
Output:
Welcome to HTML!
This is the first line.
This is the second line after a line break.
Another line.
(One blank line here)
(Another blank line here)
#webdevelopement
π₯HTML line break ααα΅ α α αα΅ peragraph ααα α heading αα΅α₯ code α ααα½αα α΅ αα α¨αααααα αΉαα α α α²α΅ αα΅αα α₯αα²α½ααα αα¨α αα α’
<br> empty tag αα£αα αααα«α±α closing tag (</br>) α¨ααα
α΅α tag α₯α α΅αparagraph α¨αα α αα°αα α¨αα«αΉ α¨αα α₯α©α΅
syntax ( α α»α»α ): <br>
exampl:
<!DOCTYPE html>
<html>
<head>
<title>HTML Line Break Example</title>
</head>
<body>
<h1>Welcome to HTML!</h1>
<p>This is the first line.<br>This is the second line after a line break.</p>
<p>Another line.<br><br>Two line breaks create extra spacing.</p>
</body>
</html>
Output:
This is the first line.
This is the second line after a line break.
Another line.
(One blank line here)
(Another blank line here)
The <br> tag is commonly used when you want to format text manually or when you don't want to start a new paragraph using <p>.
#webdevelopement
π3
Must know things for FRONTED DEVELOPMENT ποΈ
β‘οΈ HTML + CSS
βΆοΈ Build basic projects
β‘οΈ Git + GitHub
β‘οΈ Javascript
β‘οΈ Javascript framework
βΆοΈ Build Projects
β‘οΈ HTML + CSS
βΆοΈ Build basic projects
β‘οΈ Git + GitHub
β‘οΈ Javascript
β‘οΈ Javascript framework
βΆοΈ Build Projects
π4π₯1
Forwarded from Muktar Tech
14 Sites To Download Free Ebooks:
1. PDFBooksWorld
2. B-ok cc
3. BookBoon
4. Library Genesis
5. Pdfdrive
6. Open Library
7. DigiLibraries
8. Project Gutenberg
9. FeedBooks
10. FreeTechBooks
11. Internet Archive
12. OβReilly Books
13. GetFreeEBooks
14. AnyBook
@Muktar_Tech
1. PDFBooksWorld
2. B-ok cc
3. BookBoon
4. Library Genesis
5. Pdfdrive
6. Open Library
7. DigiLibraries
8. Project Gutenberg
9. FeedBooks
10. FreeTechBooks
11. Internet Archive
12. OβReilly Books
13. GetFreeEBooks
14. AnyBook
@Muktar_Tech
π2β€1π1