طراح مقدماتی صفحات WEB
دوره جامع HTML و CSS
اولین قدم برای ورود به دنیای برنامه نویسی وب و فرانت اند یادگیری HTML&CSS است که به ما این امکان را میدهد تا ظاهر استاتیک سایت را پیاده بکنیم. منظور از پیاده سازی ظاهر طراحی با ابزار هایی مثل Adobe XD و .. نیست. این یک مهارت جدا است که توسط شخص دیگری انجام میشود و وظیفه شما پیاده سازی دقیق طرح گرافیکی به وسیله کد های HTML&CSS است.
سر فصل ها:
-
1 مفاهیم اولیه HTML
- 1-1- معرفی مختصر Html و Css
- 2-1- معرفی کروم و ادیتور vscode
- 3-1- تفاوت html و css و js
- 4-1- ساختار html
- 5-1- Heading , Paragraph , Image
- 6-1- hr & br , link , table
- 7-1- انواع لیست ها و id & class
- 8-1- audio & video
- 9-1- Form
- 10-1- div & span
-
2 تگ های معنایی HTML
- 1-2- HTML5
- 2-2- meta tags
-
3 پروژه HTML
- 1-3- پروژه
-
4 مقدمات CSS
- 1-4- مقدمه ای از CSS
- 2-4- inline css و internal css و external css
- 3-4- کدوم یکی قویتره ؟
- 4-4- سینتکس CSS
-
5 مفاهیم پایه CSS
- 1-5- element selector & grouping selector
- 2-5- id selector & class selector
- 3-5- div and span with css
- 4-5- ارث بری
- 5-5- universal selector
-
6 رنگ ها و واحد های اندازه گیری
- 1-6- color و background-color
- 2-6- RGB و RGBA و HEX
- 3-6- sits for color palette
- 4-6- width و height و px
- 5-6- percent و font-size
- 6-6- em و rem و vw و vh
-
7 بررسی inspect elements و calc
- 1-7- inspect
- 2-7- calc
-
8 فونت ها
- 1-8- font-weight & google fonts
- 2-8- font-face
- 3-8- font-weight & font-style
- 4-8- text-align & text-indent
- 5-8- line-height & letter-spacing & word-spacing & text-transform & text-decoration
- 6-8- font shorthand
-
9 Box models و display
- 1-9- padding و border
- 2-9- margin و outline
- 3-9- display
- 4-9- horizontal centering
- 5-9- descendant selectors & list-style
- 6-9- padding & margin in inline
- 7-9- inline-block
- 8-9- box-sizing
- 9-9- opacity & visibility & display
- 10-9- last rule order
-
10 ابزار های کمک کننده
- 1-10- background
- 2-10- background-size & background-repeagt
- 3-10- background-position & background-attachement
- 4-10- gradient و position و z-index
- 5-10- pseudo elements و pseudo class
- 6-10- more selectors
- 7-10- box-shadow & text-shadow
-
11 بررسی Flex و تمرین
- 1-11- flex
- 2-11- پروژه navbar
- 3-11- پروژه main و aside
-
12 بررسی Grid و تمرین
- 1-12- grid
- 2-12- پروژه ساخت کارد ها با گرید
-
13 ریسپانسیو سازی و تمرین
- 1-13- responsive
- 2-13- پروژه ریسپانسیو کردن navbar
- 3-13- پروژه ریسپانسیو کردن همرا با فلکس و گرید
-
14 پروژه فرم لاگین
- 1-14- پروژه فرم لاگین به سبک نِئومورفیسم
-
15 پویا سازی
- 1-15- transform
- 2-15- transition
- 3-15- animation
-
16 مباحث پیشرفته
- 1-16- filter
- 2-16- important
- 3-16- variables
- 4-16- prefix
-
17 پروژه نهایی
- 1-17- project
فارغ التحصیل کارشناسی IT دانشگاه آزاد اسلامی سنندج ( ۱۳۹۸ - ۱۴۰۱ ) ، مدرس دوره های JavaScript , Css , Html , Git , ICDL و تعمیرات سخت افزار لپ تاپ و موبایل
مدرس چندین دوره برنامه نویسی و مهارت های هفتگانه در آموزشگاه های آزاد و سازمان فنی و حرفه ای
هماهنگ کننده و برگزار کننده آزمون های سازمان فنی حرفه ای
آزمونگیر و ناظر آزمون های عملی سازمان فنی و حرفه ای
داور مسابقات المپیاد استانی طراحی سایت ( شهریور ۱۴۰۲ )
علاقه‌مند به تدریس دوره های طراحی سایت به سبک نوین و آموزش اصولی در جهت ارتقاع تخصص جوانان فراگیر جهت ورود به بازار کار
مهارتها
علاقه مند به حوزه برنامه نویسی طراحی سایت ( فرانت )
مدرس دوره های JavaScript , Css , Html , ICDL
