💡4 Best Practices for Creating Responsive CSS Layouts:

1. Apply media queries for diverse screens
2. Prioritize mobile-first design
3. Employ relative units (percentages, viewport-based)
4. Optimize layouts for devices & browsers

@EmmersiveLearning

Be ready! ... @birhan_nega ቴሌግራም ላይ ዛሬ ምሺት ስለ ኮዲንግ ምክክር አለ!

የምትፈልጉ ሁሉ ተጋብዛችኋል!

telegram : https://news.1rj.ru/str/birhan_nega

A nice cheat sheet of different cloud services.

applies to coding!

JavaScript functions

Which backend framework do you use ?

Famous programming languages and their frameworks


1. Python:

    Frameworks:
        Django
        Flask
        Pyramid
        Tornado

2. JavaScript:

    Frameworks (Front-End):
        React
        Angular
        Vue.js
        Ember.js
    Frameworks (Back-End):
        Node.js (Runtime)
        Express.js
        Nest.js
        Meteor

3. Java:

    Frameworks:
        Spring Framework
        Hibernate
        Apache Struts
        Play Framework

4. Ruby:

    Frameworks:
        Ruby on Rails (Rails)
        Sinatra
        Hanami

5. PHP:

    Frameworks:
        Laravel
        Symfony
        CodeIgniter
        Yii
        Zend Framework

6. C#:

    Frameworks:
        .NET Framework
        ASP.NET
        ASP.NET Core

7. Go (Golang):

    Frameworks:
        Gin
        Echo
        Revel

8. Rust:

    Frameworks:
        Rocket
        Actix
        Warp

9. Swift:

    Frameworks (iOS/macOS):
        SwiftUI
        UIKit
        Cocoa Touch

10. Kotlin:
- Frameworks (Android):
- Android Jetpack
- Ktor

11. TypeScript:
- Frameworks (Front-End):
- Angular
- Vue.js (with TypeScript)
- React (with TypeScript)

12. Scala:
- Frameworks:
- Play Framework
- Akka

13. Perl:
- Frameworks:
- Dancer
- Catalyst

14. Lua:
- Frameworks:
- OpenResty (for web development)

15. Dart:
- Frameworks:
- Flutter (for mobile app development)

16. R:
- Frameworks (for data science and statistics):
- Shiny
- ggplot2

17. Julia:
- Frameworks (for scientific computing):
- Pluto.jl
- Genie.jl

18. MATLAB:
- Frameworks (for scientific and engineering applications):
- Simulink

19. COBOL:
- Frameworks:
- COBOL-IT

20. Erlang:
- Frameworks:
- Phoenix (for web applications)

21. Groovy:
- Frameworks:
- Grails (for web applications)

Complete JavaScript Road Map🔥

A-Z JavaScript👇

1.Variables
↳ var
↳ let
↳ const

2. Data Types
↳ number
↳ string
↳ boolean
↳ null
↳ undefined
↳ symbol

3.Declaring variables
↳ var
↳ let
↳ const

4.Expressions
Primary expressions
↳ this
↳ Literals
↳ []
↳ {}
↳ function
↳ class
↳ function*
↳ async function
↳ async function*
↳ /ab+c/i
↳ string
↳ ( )

Left-hand-side expressions
↳ Property accessors
↳ ?.
↳ new
↳ new .target
↳ import.meta
↳ super
↳ import()

5.operators
↳ Arithmetic Operators: +, -, *, /, %
↳ Comparison Operators: ==, ===, !=, !==, <, >, <=, >=
↳ Logical Operators: &&, ||, !

6.Control Structures
↳ if
↳ else if
↳ else
↳ switch
↳ case
↳ default

7.Iterations/Loop
↳ do...while
↳ for
↳ for...in
↳ for...of
↳ for await...of
↳ while

8.Functions
↳ Arrow Functions
↳ Default parameters
↳ Rest parameters
↳ arguments
↳ Method definitions
↳ getter
↳ setter

9.Objects and Arrays
↳ Object Literal: { key: value }
↳ Array Literal: [element1, element2, ...]
↳ Object Methods and Properties
↳ Array Methods: push(), pop(), shift(), unshift(),
splice(), slice(), forEach(), map(), filter()

10.Classes and Prototypes
↳ Class Declaration
↳ Constructor Functions
↳ Prototypal Inheritance
↳ extends keyword
↳ super keyword
↳ Private class features
↳ Public class fields
↳ static
↳ Static initialization blocks

11.Error Handling
↳ try,
↳ catch,
↳ finally (exception handling)

ADVANCED CONCEPTS
--------------------------

12.Closures
↳ Lexical Scope
↳ Function Scope
↳ Closure Use Cases

13.Asynchronous JavaScript
↳ Callback Functions
↳ Promises
↳ async/await Syntax
↳ Fetch API
↳ XMLHttpRequest

14.Modules
↳ import and export Statements (ES6 Modules)
↳ CommonJS Modules (require, module.exports)

15.Event Handling
↳ Event Listeners
↳ Event Object
↳ Bubbling and Capturing

16.DOM Manipulation
↳ Selecting DOM Elements
↳ Modifying Element Properties
↳ Creating and Appending Elements

17.Regular Expressions
↳ Pattern Matching
↳ RegExp Methods: test(), exec(), match(), replace()

18.Browser APIs
↳ localStorage and sessionStorage
↳ navigator Object
↳ Geolocation API
↳ Canvas API

19.Web APIs
↳ setTimeout(), setInterval()
↳ XMLHttpRequest
↳ Fetch API
↳ WebSockets

20.Functional Programming
↳ Higher-Order Functions
↳ map(), reduce(), filter()
↳ Pure Functions and Immutability

21.Promises and Asynchronous Patterns
↳ Promise Chaining
↳ Error Handling with Promises
↳ Async/Await

22.ES6+ Features
↳ Template Literals
↳ Destructuring Assignment
↳ Rest and Spread Operators
↳ Arrow Functions
↳ Classes and Inheritance
↳ Default Parameters
↳ let, const Block Scoping

23.Browser Object Model (BOM)
↳ window Object
↳ history Object
↳ location Object
↳ navigator Object

24.Node.js Specific Concepts
↳ require()
↳ Node.js Modules (module.exports)
↳ File System Module (fs)
↳ npm (Node Package Manager)

25.Testing Frameworks
↳ Jasmine
↳ Mocha
↳ Jest

------------------- END-------------------


https://www.youtube.com/watch?v=jF5oxeeuu6E

ሶባሐል ኸይር!

Spend your Energy wisely

Have a Great week. 👨‍💻

Do yourself a favor:

• Open your laptop
• Open YouTube
• Type HTML crash course
• Start learning
• Learn CSS and JS Step-by-step
• Ask questions to ChatGPT
• Build projects
• Push code to GitHub
• Share your progress here in our discussion

Procedure is easy.

Being consistent is hard.

@EmmersiveLearning


Start here.... Start today👇

https://www.youtube.com/watch?v=kDE31AmaIAM

Learn CS fundamentals!

https://www.youtube.com/playlist?list=PLGeDL5FZ9nGbn9R2DvHh47kc9k6nN3j5q

The Fullstack Roadmap!

Tiktok : https://www.tiktok.com/@emmersivelearning

Learn Patterns!

TCP vs UDP .... protocols😊😂😂

😊😂

Do Projects.

For Volunteer Booster, it's open and appreciated to do so 😊

https://news.1rj.ru/str/boost/EmmersiveLearning

Which one do you use most ?

What is you choice ?

Never let 😊😂