آموزش تسلط عملی صفر تا قهرمان در HTML5 و CSS3

سرفصل ها و درس ها

معرفی Introduction

• بررسی اجمالی دوره Course Overview

• مربی خود را بشناسید و کمک/پشتیبانی دریافت کنید Know Your Instructor & Get Help/Support

• مقدمه ای بر توسعه وب Introduction to web development

• نصب و راه اندازی Installation and Setup

ساختار اصلی HTML و برچسب ها Basic HTML structure and Tags

• html-structure-comments html-structure-comments

• head-meta-link-script-tags head-meta-link-script-tags

• headings-p-span-div-br-hr-text headings-p-span-div-br-hr-text

• anchor-img-tag anchor-img-tag

برچسب های چیدمان و فرم Layout and Form Tags

• لیست مرتب و نامرتب Ordered and Unordered list

• ستون ردیف جدول Table Row Column

• فرم ورودی را انتخاب کنید textarea Form Input Select Textarea

تگ های HTML و کد منبع پیشرفته Advance HTML Tags and Source code

• inline-block-entities-header-footer-section-button-article-audio-video-iframe inline-block-entities-header-footer-section-button-article-audio-video-iframe

• کد منبع Source code

مبانی HTML و CSS Basics of HTML and CSS

• مقدمه ای بر CSS Introduction to CSS

• روش های مختلف استفاده از CSS Different ways of using CSS

فونت، رنگ، پس زمینه، شناور Font, Color, Background, Float

• انتخابگرها در CSS Selectors-in-CSS

• Debugging-using-Developer-Tool Debugging-using-developer-tool

• فونت ها در CSS Fonts-in-CSS

• رنگ ها در CSS Colors-in-CSS

• حاشیه-پس زمینه-ارتفاع-عرض Border-Background-Height-Width

• BoxModel-Margin-Padding BoxModel-Margin-Padding

• شناور شفاف float-clear

انتخابگرها، نمایشگر، موقعیت، شاخص Z Selectors, Display, Position, Z-Index

• شبه انتخابگر pseudo-selector

• CSS-Display-Property css-display-property

• css-position-property css-position-property

• css-visibility-z-index css-visibility-z-index

Flexbox، پرسش های رسانه ای و طراحی پاسخگو Flexbox, Media Queries and Responsive design

• css-flex-box css-flex-box

• css-responsive-units-em-rem-vh-vw css-responsive-units-em-rem-vh-vw

• داستان های رسانه media-queries

انتخابگرها، جلوه ها و انیمیشن پیشرفته Advance Selectors, Effects and Animation

• پیشروی-شبه انتخابگر advance-pseudo-selector

• انتخابگر n nth-selector

• قبل از پس از pseoto-selector before-after-pseudo-selector

• css-box-text-shadow css-box-text-shadow

• css-custom-variables css-custom-variables

• css-animation-keyframes-part-1 css-animation-keyframes-part-1

• css-animation-keyframes-part-2 css-animation-keyframes-part-2

• انتقال transition

• تبدیل transform

پروژه یک Project One

• قسمت 1 Part 1

• قسمت 2 Part 2

• قسمت 3 Part 3

• قسمت 4 Part 4

• قسمت 4 Part 4

• قسمت 4.a Part 4.a

• قسمت 5 Part 5

• قسمت 6 Part 6

• قسمت 7 Part 7

پروژه دو Project Two

• قسمت 1 Part 1

• قسمت 1 Part 1

• قسمت 2 Part 2

• قسمت 2 Part 2

• قسمت 3 Part 3

کد منبع Source Code

• کد منبع Source Code