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
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?
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
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
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
👍3❤1
.
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
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
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
Forwarded from Muhammed Teshome
Befriend people with:
• Good character
• Good values
• Good mindset
• Good habits
Your environment impacts your performance and quality of life.
• 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?
Which HTML attribute specifies the URL of a linked resource?
Anonymous Quiz
18%
A) src
8%
B) alt
63%
C) href
12%
D) link
👍3❤2
CSS Quiz - 2
Which of the following property is used to change the font of an element?
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
JavaScript Quiz - 1
What is JavaScript primarily used for?
What is JavaScript primarily used for?
Anonymous Quiz
21%
A) Server-side noscripting
6%
B) Styling web pages
70%
C) Adding interactivity to web pages
3%
D) Managing databases
👍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
📁 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