Emmersive Learning – Telegram
Emmersive Learning
4.83K subscribers
2.11K photos
71 videos
10 files
931 links
Learn Fullstack Development | Coding.

Youtube : https://www.youtube.com/@EmmersiveLearning/?sub_confirmation=1

Contact Admin : @MehammedTeshome
Download Telegram
Web Developer Skill Set:

Front-End Development:
> HTML
> CSS
> JavaScript
> React, Angular, Vue.js

Back-End Development:
> Node.js
> Express.js
>Django (Python)
> Ruby on Rails

Databases:
> SQL (MySQL, PostgreSQL)
> NoSQL (MongoDB, Firebase)

Version Control:
> Git
> GitHub/GitLab/Bitbucket

Web APIs:
> RESTful APIs
> GraphQL

Web Performance:
> Optimization
> Caching
> CDNs

Package Managers/ Bundler:
> NPM
> Webpack
> Vite

Hosting and Deployment:
> Heroku
> Netlify
>AWS, Azure

Styling:
>SASS/SCSS
>Bootstrap
>Tailwind CSS

@EmmersiveLearning
3
HTML Quiz - 4

What is the correct HTML element for inserting a line break?
Anonymous Quiz
85%
A) <br>
4%
B) <lb>
7%
C) <break>
3%
D). <newline>
👍6😁1🤔1
Tip : Make your site Mobile Responsive


Did you know? As of 2024, 60.67% of website traffic comes from Mobile Devices.

By 2025, there will be over 1 billion 5G connections globally.

92.3% of internet users consider accessing the internet through their smartphones compared to other devices

Ensuring your site is responsive is crucial for reaching this audience effectively.

@EmmersiveLearning
5
#Arthimetic Operators

num1 = 2
num2 = 5

#artimetic operation =7
# + , - , *, /, %, //, **

#addition
print(num1 + num2)
print(2+5)

#subtration
print(num1 - num2)
print(10-5)

#multiplication
print(num1 * num2)
print(100* 5)

#divition
print(num1 / num2)
print(1000/2)

#floor division // ... 5//2= 2.5
print(num1//num2)
print(100//3)

#modulus = % 5/2 =2 qeri 1... 11/3 = 3 qeri 2
print(5%2)
print(11%3)

#exponent 2*2*2*2
print(2**6)
print(100**3)

Python Code snippet from Our Todays Class On Arithmetic Operators.

@EmmersiveLearning
4👍1
#Comparison Operators

num1= 10
num2 = 20

#Comparison Operators : ==, !=, > , < , >= , <=


print(num1 == num2)
print(num1 != num2)
print(num1>num2)
print(num2 > num1)
print(num1<num2)
print(num1>=num2)
print(num1<=num2)

Python Code snippet from Our Todays Class On Comparison Operators.

@EmmersiveLearning
5
#Logical Operators

num1= 10
num2 = 20

#Logical Operators = and , or, not

# and
# true and true = true
# true and false = false
# false and false = false
print((10<2) and (10<4))

#or
#true or true = true
# true or false = true
# false or false = false
print((10<2) or (2<1))

# not
!true = false
!false = true

print( not(True))
print( not(False))
print(not(10<2))

Python Code snippet from Our Todays Class On Logical Operators.

@EmmersiveLearning
4
#String Operations

string = "Emmersive Learning"

str1 = "Emmersive"
str2 = "Learning"

#string operations

#1 concatenation
print(str1+ str2)

#2 length
print(len(str1))
print(len(str2))
print(len(string))

#3 repetation
print(string*100)
print("Emmersive " * 10)

#4 Indexing
print(string[0])
print(string[1])
print(string[5])
print(string[-1])
print(string[-4])

#5 slicing 5
print(string[0:6])


#6 string methods
print(string.capitalize())
print(string.upper())
print(string.lower())
print(string.split( ))
5👍3
How to Make a Website Responsive ?

1. Start with a Fluid Grid Layout: Use relative units like percentages.

2. Apply Flexible Images: Use CSS to set max-width to 100%.

3. Use Media Queries: Adjust styles for different screen sizes.

4.Test on Real Devices: Ensure the site looks good on all devices.
2
1. SPA-Stats : SPA Popularity

A study shows that 43% of web developers use SPAs in their projects.

SPAs are becoming increasingly popular due to their seamless user experience and performance benefits.

#SPA

@EmmersiveLearning
👍31
.
1. Stage 1 - HTML
2. Stage 2 - CSS
3. Stage 3 - Git + GitHub
4. Stage 4 - Build Project
5. Stage 5 - JavaScript
6. Stage 6 - React VueJS Svelte || Angular
7. Stage 7 - Build Project
8. Stage 8 - Node.js
9. Stage 9 - MySQL
10. Stage 10 - MongoDB
11. Stage 11 - Create API
12. Stage 12 - Build Project

🔥 - Full Stack Developer

@EmmersiveLearning
8
There are three main ways to apply CSS to your HTML:

1. Inline CSS
2. Internal CSS
3. External CSS



From today's Class session on HTML Styling.
👍5
Forwarded from Muhammed Teshome
Befriend people with:

• Good character
• Good values
• Good mindset
• Good habits

Your environment impacts your performance and quality of life.
10
HTML Quiz - 6

Which HTML attribute specifies the URL of a linked resource?
Anonymous Quiz
18%
A) src
8%
B) alt
63%
C) href
12%
D) link
👍32
CSS Quiz - 2

Which of the following property is used to change the font of an element?
Anonymous Quiz
45%
a) font-family
45%
b) font-style
6%
c) font-weight
4%
d) font-variant
4
👍5
Become a Full-stack Dev 👇👇

📁 Frontend
∟‍👨‍💻 HTML + CSS
👨‍💻 JavaScript

📁 Version Control
👨‍💻 Git

📁 Framework
👨‍💻 React / Vue
👨‍💻 Tailwind

📁 Backend
👨‍💻 Python / Node / PHP
👨‍💻 Postgres / Mongo

Build projects and apply for jobs!

@EmmersiveLearning
🔥5
😊😂😂
😁5
1
Forwarded from Muhammed Teshome
When you try to focus... The Brain 🧠 😊😂😂😂
😁3