You are on page 1of 27

1

< />

IT SCHOOL://
Web programming Course

coder:// 2019.All Rights Reserved


2
< />

First Lesson

Entry Part Middle Part The final part

How to start The 3 main parts of learning HTML,CSS

About me Tushunish SASS,BOOTSTRAP

About course Anglash Javascript, Jquery

What is Frontend Amaliyot React js

coder:// 2019.All Rights Reserved


3
< />

Javohir Kubayev - Web developer


Subtitle here

1. <!DOCTYPE html>
2. <html lang="en">
3. <head>
4. <title>Document</title>
5. </head>
6. <body>
7. <p>Javohir Kubayev</p>
8. <p>Frontend developer</p>
9. </body>
10. </html>

coder:// 2019.All Rights Reserved


4
< />

Frontend

coder:// 2019.All Rights Reserved


5
< />

Kurs
haqida
coder:// 2019.All Rights Reserved
http://www.website.com
6
< />

coder:// 2019.All Rights Reserved


7
< />

Succes step
development

coder:// 2019.All Rights Reserved


8
< />

Kelishib olamiz

coder:// 2019.All Rights Reserved


9
< />

Bizga
kerak
coder:// 2019.All Rights Reserved
<
10 />

Nima uchun
dasturlashni
o’rganishim
kerak?
Ish o’rni juda ko’pligi

Yuqori daromad

Freelance bo’lib ishlash


Frontend

Diplom talab qilinmaydi development

Ish vaqtini erkin tanlash

Aqliy salohiyatga ega hamma


dasturchi bo’la oladi

coder:// 2019.All Rights Reserved


<
11 />

Thank you
For your attention

coder:// 2019.All Rights Reserved


<
12 />

//-

Welcome To The web


<br>
programming Course!
IT SCHOOL

coder:// 2019.All Rights Reserved


你好

Siz ‫مرحبا‬ Salom


To’gri Ciao
yo’ldasiz
IT SCHOOL://
Samarkand, Uzbekistan 안녕하세요 .
<
14 />

Men hammasini bilaman!


Bu xató fikr!
JavohirCoder://

coder:// 2019.All Rights Reserved


<
15 />

Tushunmayapman!!!
http://www.website.com

coder:// 2019.All Rights Reserved


<
16 />

Ta’lim olishning 3 ta asosiy talabi

03
02
01 Amaliyot
Anglash
Tushunib,bilib olish

coder:// 2019.All Rights Reserved


<
17 />

Javohir Kubayev
There's no one "best" programming language, and once you've learned
one, it's fairly easy to pick up another, so don't get hung too up on
choosing your first language.

Javascript 85%

C++ 60%

React JS 72%

Hello! world

coder:// 2019.All Rights Reserved


<
18 />

Our team

Backend developer Project manager Project manager UX/UI


Ulugbek Zokirov Akobir Samiev Shag’zod Turaqulov Bekmirza
Boboqulov

MORE
DETAILS

coder:// 2019.All Rights Reserved


<
19 />

Frontend vs Backend
Example

1. <!DOCTYPE html>
2. <html>
3. <head>
4. <link rel="stylesheet“
href="styles.css">
5. </head>
6. <body>
7. <h1>This is a heading</h1>
8. <p>This is a paragraph.</p>
9. </body>
10. </html>

coder:// 2019.All Rights Reserved


<
20 />

Build web
HTML
5
Pages and site.
CSS3

coder:// 2019.All Rights Reserved


<
21 />

Biz
qanday
ishlaymiz
!
coder:// 2019.All Rights Reserved
22
22
< />

Imkon doim topiladi. < />

1. #include <stdio.h>
2. int main(void)

Learn by
3. {
4. printf("hello, world\n");
5. }

Doing://
coder:// 2019.All Rights Reserved
<
23 />

if(coffee=true) {
/* let’break with a cup coffe */
break;
}

coder:// 2019.All Rights Reserved


<
24 />

Javohircoder://

Ready to get started ?


There's no one "best" programming language, and once you've learned one, it's fairly easy to pick
up another, so don't get hung too up on choosing your first language.

Learn more

coder:// 2019.All Rights Reserved


Never give up.

Coding!

Javohircoder://
<
26 />

Learn External CSS


Subtitle here

styles.css External CSS Example

1. body { An external style sheet is used to define the style 1. <!DOCTYPE html>
2. background-color: for many HTML pages. 2. <html>
powderblue; With an external style sheet, you can change the 3. <head>
3. } look of an entire web site, by changing one file! 4. <link rel="stylesheet“
4. h1 { To use an external style sheet, add a link to it in href="styles.css">
5. color: blue; the <head> section of the HTML page: 5. </head>
6. } 6. <body>
7. p { 7. <h1>This is a heading</h1>
An external style sheet can be written in any text
8. color: red; 8. <p>This is a paragraph.</p>
editor. The file must not contain any HTML code,
9. } 9. </body>
and must be saved with a .css extension.
10. </html>

Here is how the "styles.css" looks:

coder:// 2019.All Rights Reserved


<
27 />

Coding is a fundamental
skill that children need to
learn.
1
2

3
01. Choose the Language 02. Start Small
4

03. Online Training 04. Play Coding

coder:// 2019.All Rights Reserved

You might also like