دوره وب مقدماتی HTML و CSS
"طراحی وب رو از صفر یاد بگیر، بدون هزینه، بدون پیچیدگی!" 🚀
با تدریس محمد بیگی
24 ساعت
80 جلسه
رایگان (یوتیوب)
پشتیبانی دوره (کلیک کنید)
دوره رایگان آموزش طراحی وب مقدماتی (HTML & CSS) – از اینجا شروع کن! 🎯🚀
اگه همیشه دوست داشتی یه سایت برای خودت بسازی، یا حتی وارد دنیای طراحی وب بشی ولی نمی‌دونستی از کجا شروع کنی، این دوره دقیقا همون چیزیه که دنبالش بودی! 🎉
تو این دوره، از صفرِ صفر میایم جلو، یعنی اگه حتی یه خط کد هم بلد نباشی، هیچ مشکلی نداره! قراره با هم یاد بگیریم چطور با HTML و CSS یه سایت خوشگل و مرتب طراحی کنیم، بدون اینکه نیازی به دانش قبلی داشته باشی.
چرا این دوره رو ببینی؟ 🤔
✅ کاملا رایگانه! 💰
آره، کاملا رایگان! بدون هیچ هزینه‌ای می‌تونی از این آموزش استفاده کنی و یه مهارت جدید یاد بگیری. پس هیچ بهونه‌ای برای عقب انداختن یادگیری نداری! 😉
✅ ساده و مفهومی توضیح دادم 🎯
قرار نیست فقط یه سری کد خشک و خالی یاد بگیری! من توی این دوره سعی کردم همه‌چیزو خیلی روون، خودمونی و قابل فهم توضیح بدم. پس خیالت راحت، یاد می‌گیری!
✅ پروژه‌محور و عملی 💻
تو این دوره فقط تئوری یاد نمی‌گیری! همزمان که یاد می‌گیری، دست به کد میشی و پروژه‌های واقعی می‌سازی تا کامل دستت راه بیفته.
✅ بدون پیشنیاز 🚀
اصلا لازم نیست برنامه‌نویسی بلد باشی. ما همه‌چیز رو از پایه شروع می‌کنیم و با هم جلو میریم.
✅ جدیدترین متدهای طراحی وب 🎨
دوره به‌روز و مطابق با جدیدترین استانداردهای طراحی وبه، پس مطمئن باش چیزی که یاد می‌گیری توی دنیای واقعی کاربردیه.
✅ طراحی سایتای واکنش‌گرا (Responsive) 📱💻
سایتی که می‌سازیم روی موبایل، تبلت و کامپیوتر درست نمایش داده میشه، چون قراره یاد بگیریم سایت ریسپانسیو طراحی کنیم.
تو این دوره چی یاد می‌گیری؟ 👇
🔹 ساختار صفحات وب با HTML
🔹 طراحی استایل و ظاهر سایت با CSS
🔹 اصول واکنش‌گرایی (Responsive Design)
🔹 استفاده از فونت، رنگ و تصاویر تو طراحی سایت
🔹 ایجاد دکمه‌ها، لیست‌ها، فرم‌ها و کلی چیزای جذاب دیگه
🔹 آشنایی اولیه با UI/UX برای طراحی رابط کاربری حرفه‌ای
بعد از این دوره می‌تونی چی کار کنی؟ 🎯
✔ اولین سایت خودتو از صفر تا صد بسازی
✔ توی طراحی وب یه قدم بزرگ برداری و آماده بشی برای یادگیری جاوااسکریپت و فریم‌ورک‌های پیشرفته‌تر
✔ نمونه‌کار بسازی و حتی شروع به کسب درآمد کنی 💰
🎯 پس منتظر چی هستی؟ همین الان شروع کن و اولین قدمتو تو دنیای طراحی وب بردار!
📌 این دوره کاملا رایگانه، فقط کافیه اراده کنی و یادگیری رو شروع کنی.
🔥 آماده‌ای بریم سراغ یادگیری؟ پس بزن بریم! 🚀
🎯 این دوره برای کی مناسبه؟
- اگه تازه‌کاری و می‌خوای طراحی وب رو از صفر یاد بگیری
- اگه دوست داری یه سایت برای خودت بسازی
- اگه می‌خوای وارد دنیای برنامه‌نویسی وب بشی
- اگه حوصله دوره‌های پیچیده و خشک رو نداری
🎯 این دوره مناسب تو نیست اگه...
- ❌ اگه فکر می‌کنی تو یه هفته باید طراح وب بشی!
- ❌ فقط دنبال یادگیری سطحی و حفظ کردن کدها هستی
- ❌ صبر و حوصله تمرین و حل مسئله رو نداری
- ❌ نمی‌خوای پروژه عملی انجام بدی و فقط دنبال تئوری هستی
✨ ویژگی‌های خاص این دوره
از پایه تا پیشرفته، همه مباحث بهصورت مرحلهبهمرحله آموزش داده میشه
هر مبحث همراه با مثالهای واقعی و تمرینهای جذاب ارائه شده.
امکان مطرح کردن سوالات و دریافت پاسخ برای یادگیری بهتر.
مباحثی مثل انیمیشن ها به زبان ساده توضیح داده شده.
این دوره همیشه در دسترس توئه و نیاز به پرداخت هزینه نداری
جلسات دوره
قدم اول رو محکم بردار
1) معرفی و پیشنیاز های دوره ویدئو
2) آشنایی با بخش های مختلف یک سایت ویدئو
3) آشنایی با html و کاربردش در طراحی سایت ویدئو
4) انتخاب کد ادیتور و نصب افزونه ها ویدئو
5) ساخت اولین پروژه html ویدئو
6) آشنایی با ساختار صفحات html ویدئو
7) چرا html یه زبان برنامه نویسی نیست؟ ویدئو
8) تگ های heading و پاراگراف ویدئو
9) تگ های formatting ویدئو
10) تگ های br و hr و تگ های منسوخ شده ویدئو
11) مفهوم کامنت گذاری در html ویدئو
12) بررسی مفهوم اتریبیوت ها در html ویدئو
13) تصاویر در Html ویدئو
14) آشنایی با مفهوم لینک ویدئو
15) انواع تگ های بلاکی و اینلاین ویدئو
16) کار با لیست ها ویدئو
17) پیاده سازی جداول در html ویدئو
18) آشنایی با تگ های video و audio ویدئو
19) کار با فرم ها - بخش اول ویدئو
20) کار با فرم ها - بخش دوم ویدئو
21) تگ div و span ویدئو
22) مفهوم favicon در صفحات وب ویدئو
23) پروژه نهایی دوره ویدئو
24) سخن پایانی و توصیه های مدرس برای ادامه مسیر دانشجوها ویدئو
حالا دیگه نوبت ظاهر وبسایتته
1) معرفی و پیشنیاز دوره ویدئو
2) نرم افزارهای مورد نیاز دوره ویدئو
3) نقشه راه توسعه دهنده فرانت اند ویدئو
4) css چیه؟ ساخت اولین پروژه ویدئو
5) انواع روش های استایل دهی ویدئو
6) سلکتور چیه؟ مهمترین سلکتور های css ویدئو
7) عرض و ارتفاع در css ویدئو
8) آشنایی با کامنت ها در css ویدئو
9) باکس مدل چیه؟ ویدئو
10) باکس مدل - آشنایی با border ویدئو
11) باکس مدل - آشنایی با padding ویدئو
12) باکس مدل - آشنایی با margin ویدئو
13) آشنایی با رنگ ها در css ویدئو
14) بک گراند ویدئو
15) گرادینت ویدئو
16) استایل دادن به تصاویر ویدئو
17) استفاده از فیلترها بری تصاویر ویدئو
18) visibility و opacity ویدئو
19) focus و hover ویدئو
20) پوزیشن ها ویدئو
21) آشنایی با فونت های generic ویدئو
22) آشنایی با انواع فرمت های فونت ویدئو
23) اضافه کردن فونت با CDN ویدئو
24) اضافه کردن فونت با font face ویدئو
25) سایر استایل های فونت در css ویدئو
26) استایل های متن در css ویدئو
27) آشنایی با انواع واحد ها و سایز ها در css ویدئو
28) آشنایی با display در css ویدئو
29) استایل دهی به فرم ها ویدئو
30) تغییر استایل placeholder ویدئو
31) استایل اعتبارسنجی اطلاعات ویدئو
32) پروژه لاگین و رجیستر - بخش اول ویدئو
33) پروژه لاگین و رجیستر - بخش دوم ویدئو
34) کار با آیکون ها بخش اول ویدئو
35) کار با آیکون ها بخش دوم ویدئو
36) آشنایی با transition ویدئو
37) آشنایی با transform ویدئو
38) آموزش ساخت انیمیشن در css ویدئو
39) ساخت 4 پروژه جذاب انیمیشنی در css - یخش اول ویدئو
40) ساخت 4 پروژه جذاب انیمیشنی در css - یخش دوم ویدئو
41) استایل دهی به لینک و دکمه ها ویدئو
42) استایل دهی به لیست ها ویدئو
43) پروژه منو سایت در css ویدئو
44) پروژه جدول حرفه ای در css ویدئو
45) آشنایی با z-index ویدئو
46) آشنایی با border radius ویدئو
47) آشنایی با box shadow ویدئو
48) اولویت بندی استایل ها در css ویدئو
49) آشنایی با important ویدئو
50) سودوالمنت و سودوکلاس ها ویدئو
51) آشنایی با مفهوم ریسپانسیو سایت ویدئو
52) media query, meta tag, viewport ویدئو
53) آشنایی با مفهوم سئو سایت ویدئو
54) سایر روش های ریسپانسیو سایت ویدئو
55) پروژه نهایی پایان دوره - بخش اول ویدئو
56) پروژه نهایی پایان دوره - بخش دوم ویدئو
57) پروژه نهایی پایان دوره - بخش سوم ویدئو
58) سخن پایانی و توصیه های مدرس برای ادامه مسیر دانشجوها ویدئو
خب نوبتی هم باشه نوبت ریسپانسیو کردن وبسایتنونه
1) معرفی و پیش نیاز های دوره ویدئو
2- flex-direction, flex-wrap, flex-flow ویدئو
3- justify-content ویدئو
4- align-items ویدئو
5- align-content ویدئو
6- order ویدئو
7- flex-shrink و flex-grow ویدئو
👨🏫 از کی داری یاد می‌گیری؟
محمد بیگی
مدیر آکادمی فرالرن
- بنیان‌گذار و مدیر آکادمی فرالرن
- بیش از ۷ سال تجربه در برنامه‌نویسی و سئو
- بیش از ۵ سال سابقه آموزش سئو، طراحی سایت و دیجیتال مارکتینگ
- همکاری با دانشگاه های ملی
- تجربه سئو و بهینه‌سازی ده‌ها سایت با نتایج عالی در گوگل
منتورهای دوره
دوستان زیر منتور دوره متخصص سئو هستند و در طول دوره به سوالات شما پاسخ میدن و همراهتون هستند.
