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
• 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
👍5❤2
HTML Quiz - 3:
Which attribute is used to specify an alternate text for an image, if the image cannot be displayed?
Which attribute is used to specify an alternate text for an image, if the image cannot be displayed?
Anonymous Quiz
21%
A) src
70%
B) alt
2%
C) noscript
7%
D) href
Tip: Use Relative Units
When designing a responsive website, use relative units like
This ensures your design adapts to different screen sizes more fluidly.
@EmmersiveLearning
When designing a responsive website, use relative units like
percentages, em, and rem instead of fixed units like pixels. This ensures your design adapts to different screen sizes more fluidly.
@EmmersiveLearning
❤5👍5
CSS Quiz - 1
Which of the following property is used to set the background color of an element?
Which of the following property is used to set the background color of an element?
Anonymous Quiz
6%
a) color
76%
b) background-color
6%
c) background
12%
d) bgcolor
👍3
Forwarded from Muhammed Teshome
Freelancers,
Remote Workers,
Youtubers,
Tiktokers,
Content Creators
and Other Dollar payable ones...
እናንተ ወጥሩ! በርቱ... ዶላሩን በደንብ አስገቡ 😊... ለናንተ አሪፍ (ይመስላል)።
Remote Workers,
Youtubers,
Tiktokers,
Content Creators
and Other Dollar payable ones...
እናንተ ወጥሩ! በርቱ... ዶላሩን በደንብ አስገቡ 😊... ለናንተ አሪፍ (ይመስላል)።
❤6👍2😁2
Forwarded from Pavel Durov (Pavel Durov)
Please open Telegram to view this post
VIEW IN TELEGRAM
🤯5🤮2
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