Code Spark
8.11K subscribers
205 photos
11 videos
68 files
138 links
Code Spark โ€“ helps you learn coding through collaboration in an easy and fun way. Work together, start small, practice step by step, and turn ideas into real projects. Spark your mind, share your knowledge, build skills as a team, and become great program
Download Telegram
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
5,How many heading levels are available in HTML ? 
  
       
Anonymous Quiz
12%
A) 4 
11%
B) 5 
71%
c) 6
6%
D) 7
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.
๐Ÿ‘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
๐Ÿ‘3โค2๐Ÿ‘1
แ‹แ‹ต แ‹จ Ethio-Coder แ‰ฐแˆ›แˆชแ‹Žแ‰ฝ แŠญแˆ‹แˆณแ‰ฝแŠ• แ‹ญแ‰€แŒฅแˆ
Anonymous Poll
98%
แ‹ญแ‰€แŒฅแˆ
6%
แŠ แ‹ญ
๐Ÿ‘6
แŠ แˆบ แŠญแˆ‹แˆฑแŠ• แŠ แŠ•แ‰€แŒฅแˆ‹แˆˆแŠ• แŒแŠ• แ‹ญแˆ€แŠ• channal แˆˆแˆšแŒ แ‰…แˆ˜แ‹ แˆแˆ‰ แˆผแˆญ แŠ แˆญแŒ‰แˆ‹แ‰ธแ‹

Link๐Ÿ‘‡๐Ÿ‘‡๐Ÿ‘‡๐Ÿ‘‡๐Ÿ‘‡๐Ÿ‘‡๐Ÿ‘‡๐Ÿ‘‡๐Ÿ‘‡๐Ÿ‘‡๐Ÿ‘‡


https://t.me/Muju_man_coding
๐Ÿ‘4
How much money can you get from web development?

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
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
๐Ÿ‘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 แ‰  แˆแŠ•แŒฝแแ‰ แ‰ต แŒŠแ‹œ แ‹จแˆแˆˆแŒแАแ‹แŠ• แŒนแˆแ  แ‰  แŠ แ‹ฒแˆต แˆ˜แˆตแˆ˜แˆญ แŠฅแŠ•แ‹ฒแŒฝแแˆแŠ• แˆ˜แˆจแŒ แАแ‹ แข

<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:

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)


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
๐Ÿ‘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
๐Ÿ‘2โค1๐Ÿ‘1
แˆตแˆ‹แˆ แŠฅแŠ•แ‹ดแ‰ต แŠ“แ‰ฝแˆ?!๐Ÿ˜Š
Hoping everyone well, I'm dropping some groups links below.

๐Ÿ“Œ แŠจแ‹šแˆ… แˆตแˆญ แ‹ซแˆ‰ แˆŠแŠ•แŠฎแ‰ฝแŠ• แ‰ แˆ˜แŒ แ‰€แˆ แ‹แŠ•แ‰ฃแˆแ‹ซแ‰ฝแˆแŠ• แŠฅแ‹ซแ‹ซแ‰ฝแˆ แˆตแˆˆแАแŒˆแˆฉ แŒแŠ•แ‹›แ‰ค แŠฅแ‹ซแˆณแ‹ฐแŒ‹แ‰ฝแˆ แŠฅแŠ•แ‹ตแ‰ตแ‰†แ‹ฉ recommend แŠ แ‹ฐแˆญแŒ‹แˆˆแˆแข

แŠฅแАแ‹šแˆ…แŠ• แŠฅแŠ” แ‰ แŠ แ‰ฅแ‹›แŠ›แ‹ แ‹จแˆ›แ‹แ‰ƒแ‰นแ‹ แŠ“แ‰ธแ‹ แŠฅแŠ“ แŠฅแŠ“แŠ•แ‰ฐแˆ แ‰ comment section แŠ แˆญแ แАแ‹ แ‹จแˆแ‰ตแˆแ‰ฑแŠ• channel แˆŠแŠ•แŠฉแŠ• แ‰ฅแ‰ป แˆ›แŒ‹แˆซแ‰ต แ‰ตแ‰ฝแˆ‹แˆ‹แ‰ฝแˆแข

๐Ÿ“ Linkedin premium courses for free:
https://t.me/linkedin_learning

๐Ÿ“ แˆˆscholarship แŠ แˆญแ แˆ˜แˆจแŒƒ แ‹จแˆแ‰ณแŒˆแŠ™แ‰ แ‰ต:
https://t.me/ethio_counselor
https://t.me/alemservices

๐Ÿ“ For tech and freelance enthusiasts  แŠฅแŠ“ แˆตแˆˆแАแŒˆแˆฉ แˆ˜แˆ›แˆญ แˆˆแˆแˆแˆแŒ:
https://t.me/edemy251
https://t.me/TechInEthio

๐Ÿ“ For those who wanna to learn about business world:  https://t.me/startupbusiness101

๐Ÿ“ For those who wanna to have info of Ethiopian Airlines: https://t.me/futureEthiopianpilots

๐Ÿ“ For Health science students:
https://t.me/health

๐Ÿ“ แŠฅแŠ•แŒแˆŠแ‹แŠ› แ‰‹แŠ•แ‰‹ แˆ˜แˆ›แˆญ แˆˆแˆแˆแˆแŒ:
https://t.me/LEARN_ENGLISH_LANGUAGE_USA

แˆˆแ‹›แˆฌ แŠฅแАแ‹šแˆ…แŠ• แŠ แŒ‹แˆซแŠ‹แ‰ฝแˆแค แ‰ธแˆญ แ‰†แ‹ฉแˆแŠ! ๐Ÿซก

Join us
https://t.me/connectcollab001
๐Ÿ‘6โค3๐Ÿ”ฅ1
๐ŸŒ Why Web Development is the Future! ๐ŸŒ

Hello, amazing members! ๐Ÿ‘จโ€๐Ÿ‘จโ€๐Ÿ‘ฆโ€๐Ÿ‘ฆ

Are you ready to build something that could change the world? Web development is not just about writing code; it's about creating experiences, solving problems, and connecting people worldwide.

Hereโ€™s why you should stay motivated:

1. Endless Opportunities: Web development is a growing field with high demand for talented developers.


2. Creative Freedom: Build anything you can imagine, from stunning websites to powerful web applications.


3. Learn and Grow: Every project teaches you something new, whether itโ€™s a new technology or a better way to solve a problem.


4. Global Impact: Your work can reach millions of people across the globe.



Remember, every line of code you write is a step closer to becoming a web development expert. Stay curious, keep coding, and never stop learning.

The future is built by developers like you. Letโ€™s create something amazing together!

Keep pushing forward, and letโ€™s make this journey unforgettable. ๐Ÿš€

#webdevelopment
#html
#Css
#JavaScript
Join us
๐Ÿ‘‡๐Ÿ‘‡๐Ÿ‘‡๐Ÿ‘‡๐Ÿ‘‡๐Ÿ‘‡
https://t.me/Muju_man_coding
๐Ÿ‘8
๐Ÿ’ฅHere is how we can apply bold, italic, big, small, and underlined text in HTML:

1. Bold Text

Use the <b> or <strong> tag.

<b>This text is bold</b>
<strong>This text is also bold</strong>

2. Italic Text

Use the <i> or <em> tag.

<i>This text is italic</i>
<em>This text is also italic</em>

3. Big Text

Use the <big> tag.

<big>This text is bigger</big>

4. Small Text

Use the <small> tag.

<small>This text is smaller</small>

5. Underlined Text

Use the <u> tag.

<u>This text is underlined</u>

Combined Example

<b><i><u><big>This text is bold, italic, big, and underlined</big></u></i></b>

<small>This text is small</small>


Explanation of Tags:

<b> and <strong>: Make text bold.

<i> and <em>: Make text italic.

<big>: Increase text size.

<small>: Decrease text size.

<u>: Underline the text.


Output:

Bold Text

Italic Text

Big, , Bold, Italic Text Underlined
Small Text


https://t.me/Muju_man_coding

#html
#Css
#JavaScript