HTML ‫ یادگیری زبان کدنویسی‬۱۰۰ ‫ تا‬۰

1.

1
HTML ‫ یادگیری زبان کدنویسی‬۱۰۰ ‫ تا‬۰
Learn from 0 to 100 HTML coding languages

2.

‫بسمه تعالی‬
َ
‫بان‬
‫ز‬
‫ص ِد‬
‫ُدنویسی‬
‫ک‬
َ ‫دوره ی ِصفر تا‬
ِ
ِ
HTML
‫ امیر دینی‬: ‫مدرس‬
HTML ‫ صفر تا صد زبان کدنویسی‬: ‫نام دوره‬
Teacher : Amir Dini
Course name: 0 to 100 HTML coding languages
‫ زیکو‬: ‫حمایت و انتشار از‬
wWw.zicco.ir
2
HTML ‫ یادگیری زبان کدنویسی‬۱۰۰ ‫ تا‬۰
Learn from 0 to 100 HTML coding languages
‫ جلسه آموزشی‬n : ‫تعداد جلسات‬
Number of sessions: 28 training sessions

3.

!‫ب دیگری َهست ؟‬
ِ ‫ ؟! اِنتخا‬HTML ‫ِچرا‬
HTML
‫برای همیشه با‬
Forever with HTML
3
HTML ‫ یادگیری زبان کدنویسی‬۱۰۰ ‫ تا‬۰
Learn from 0 to 100 HTML coding languages

4.

HTML ‫تاریخچه‬
HISTORY OF HTML
4
HTML ‫ یادگیری زبان کدنویسی‬۱۰۰ ‫ تا‬۰
Learn from 0 to 100 HTML coding languages
Invented by Tim Berners-Lee | ‫اختراع شده توسط اقای تیم برنزلی‬
.I
First web page August 6, 1991 | 1991 ‫ اوت‬6 ‫اولین صفحه وب ایجاد شده در تاریخ‬
.II
Standardized by w3 Consortium (pack of super nerds) | W3 ‫مورده قبو ِل‬
.III
HyperText Markup Language | ‫زبان نشانه گذاری فرامتن‬
ِ
.IV
Early 90s | 90 ‫رونمایی رسمی در اوایل دهه‬
.V

5.

HTML ‫تاریخچه‬
HISTORY OF HTML
5
HTML ‫ یادگیری زبان کدنویسی‬۱۰۰ ‫ تا‬۰
Learn from 0 to 100 HTML coding languages
HTML 4 in 1997 | 1997 ‫ در سال‬HTML4 ‫رونمایی از نسخه‬
.I
HTML5 in 2008 | 2008 ‫ در سال‬HTML5 ‫رونمایی از نسخه قدرتمند‬
.II
Standardized by w3 Consortium (pack of super nerds) | W3 ‫مورده قبو ِل‬
.III
HyperText Markup Language | ‫زبان نشانه گذاری فرامتن‬
ِ
.IV
Early 90s | 90 ‫رونمایی رسمی در اوایل دهه‬
.V

6.

‫من چگونه میتوانم ‪ HTML‬یاد بگیرم ؟!‬
‫‪ ‬ویدئو ها را مرتب و منظم دنبال کنید !‬
‫‪ ‬تمرین مداوم کنید !!‬
‫‪ ‬برای تفریح هم که شده کد بزنید !!!‬
‫‪ ‬از کارهای ضعیف خود ایراد های حرفه ای بگیرید !!!!‬
‫‪ ۰‬تا ‪ ۱۰۰‬یادگیری زبان کدنویسی ‪HTML‬‬
‫‪Learn from 0 to 100 HTML coding languages‬‬
‫‪6‬‬

7.

‫از زبان ‪ HTML‬به چه صورت کسب درآمد دارم ؟!‬
‫‪ ‬اندکی صبر سحر نزدیک است ‪ ‬‬
‫‪ ‬بروید و بازهم یاد بگیرید ؛ اما ایندفعه ‪ CSS‬را‬
‫‪ ‬یک قاشق چایخوری ‪JS‬‬
‫‪ ‬با ‪ PHP‬کدهای خود را ‪ ،‬هَم بزنید‬
‫‪ ‬از شاهکار خود لذت ببرید و در خواب هم پول در بیاورید );‬
‫‪ ۰‬تا ‪ ۱۰۰‬یادگیری زبان کدنویسی ‪HTML‬‬
‫‪Learn from 0 to 100 HTML coding languages‬‬
‫‪7‬‬

8.

‫پاسخ به سواالتی که ممکنه براتون پیش اومده باشه !‬
‫بعد از دیدن این دوره میتونیم سفارش طراحی سایت بگیریم ؟!‬
‫سوال‬
‫‪QUESTION‬‬
‫پاسخ‬
‫به طور کامل خیر !‬
‫‪Response‬‬
‫‪ ۰‬تا ‪ ۱۰۰‬یادگیری زبان کدنویسی ‪HTML‬‬
‫‪Learn from 0 to 100 HTML coding languages‬‬
‫‪8‬‬

9.

‫پاسخ به سواالتی که ممکنه براتون پیش اومده باشه !‬
‫بعد از اتمام و یادگیری زبان ‪ HTML‬شروع به یادگیری چه زبانی باید کرد ؟!‬
‫سوال‬
‫‪QUESTION‬‬
‫پاسخ‬
‫زبان ‪CSS‬‬
‫سوال خوبیه !‬
‫ِ‬
‫‪Response‬‬
‫‪ ۰‬تا ‪ ۱۰۰‬یادگیری زبان کدنویسی ‪HTML‬‬
‫‪Learn from 0 to 100 HTML coding languages‬‬
‫‪9‬‬

10.

‫ب دا ِنش هاتون باشین ‪ ‬‬
‫تا ِقس َمت بَعدی ‪ُ ،‬مرا ِق ِ‬
‫‪ ۰‬تا ‪ ۱۰۰‬یادگیری زبان کدنویسی ‪HTML‬‬
‫‪Learn from 0 to 100 HTML coding languages‬‬
‫‪10‬‬

11.

‫تَشریحِ فَ‬
‫بان ‪HTML‬‬
‫ِ‬
‫راگیری َز ِ‬
‫ساختار اصلی و پایه !‬
‫بدون ‪ HTML‬هرگز !!‬
‫‪ ۰‬تا ‪ ۱۰۰‬یادگیری زبان کدنویسی ‪HTML‬‬
‫‪Learn from 0 to 100 HTML coding languages‬‬
‫‪11‬‬

12.

‫چه چیزهایی برای یادگیری نیاز دارم ؟!‬
‫ت وب‬
‫‪ ‬اطالعات قبلی از علم کامیپوتر و گشت و گذار بی نهایت در صفحا ِ‬
‫‪ ‬نرم افزار براکت | ‪Brackets‬‬
‫‪ ‬نرم افزار دریم ویور | ‪Dreamweaver‬‬
‫‪ ‬مرورگر کروم یا فایر فاکس | ‪Google Chrome or Firefox‬‬
‫‪ ‬برای کدنویسی همیشه اشتیاق داشته باشید ‪. . .‬‬
‫‪ ۰‬تا ‪ ۱۰۰‬یادگیری زبان کدنویسی ‪HTML‬‬
‫‪Learn from 0 to 100 HTML coding languages‬‬
‫‪12‬‬

13.

‫توی این جلسات چجوری قراره ‪ HTML‬یاد بگیریم !؟‬
‫‪1‬‬
‫پروژه محور‬
‫دو راه برای یادگیری وجود داره ‪:‬‬
‫‪2‬‬
‫دستورات جامع‬
‫پروژه محور ‪ :‬کد بزنیم و کاربردی یاد بگیریم !‬
‫دستورات جامع ‪ :‬تمام زیر و بَم را یاد بگیریم و تحلیل کنیم و کد بزنیم !‬
‫شیوه یادگیری ما در این آموزشات ‪:‬‬
‫دستورات جامع‬
‫‪ ۰‬تا ‪ ۱۰۰‬یادگیری زبان کدنویسی ‪HTML‬‬
‫‪Learn from 0 to 100 HTML coding languages‬‬
‫‪13‬‬

14.

‫ب دا ِنش هاتون باشین ‪ ‬‬
‫تا ِقس َمت بَعدی ‪ُ ،‬مرا ِق ِ‬
‫‪ ۰‬تا ‪ ۱۰۰‬یادگیری زبان کدنویسی ‪HTML‬‬
‫‪Learn from 0 to 100 HTML coding languages‬‬
‫‪14‬‬

15.

) tag ( ‫آشنایی با تَگ‬
Meet the Tag
15
HTML ‫ یادگیری زبان کدنویسی‬۱۰۰ ‫ تا‬۰
Learn from 0 to 100 HTML coding languages

16.

16
HTML ‫ یادگیری زبان کدنویسی‬۱۰۰ ‫ تا‬۰
Learn from 0 to 100 HTML coding languages

17.

Tag ‫ف ِیک‬
ِ ‫های ُمخت َ ِل‬
ِ ‫ُجزئیات و ِقس َمت‬
Details and different parts of a Tag
16
HTML ‫ یادگیری زبان کدنویسی‬۱۰۰ ‫ تا‬۰
Learn from 0 to 100 HTML coding languages

18.

! ‫ندی تَگ ها‬
ِ َ‫دَسته ب‬
Tag Categories !
17
HTML ‫ یادگیری زبان کدنویسی‬۱۰۰ ‫ تا‬۰
Learn from 0 to 100 HTML coding languages

19.

‫ب دا ِنش هاتون باشین ‪ ‬‬
‫تا ِقس َمت بَعدی ‪ُ ،‬مرا ِق ِ‬
‫‪ ۰‬تا ‪ ۱۰۰‬یادگیری زبان کدنویسی ‪HTML‬‬
‫‪Learn from 0 to 100 HTML coding languages‬‬
‫‪14‬‬