دوره فرانت اند | بیگ دیزاین

شروع دوره  از طریق تماس + پیامک + ایمیل با شما هماهنگ میشود. حدودا اول هر ماه

برای مشاوره قبل از پرداخت دوره میتوانید تماس بگیرید.

محدودیت سنی بالای 15 سال ، وره برای زیر 15 سال حتما تماس گرفته شود .

امکان برگشت وجه در صورت کنسل کردن قبل از شروع دوره تمام برگشت داده میشود

دوره به صورت آنلاین و گروهی انجام می شود . هر جلسه یک سایت آموزش مفید که همراه با اضافات و پرسش و پاسخ و… ، زمان هر جلسه به 2 ساعت میرسد.

زمان دوره تقریبا 1 ماه ، هر روزه . فقط روز های تعطیل رسمی کلاس برگزار نمیشود.

دوره به صورت خصوصی تماس بگیرید

 

پیش نیاز برای ورود به دوره : پیش نیازی ندارد

زمان : 25 ساعت

تعداد هر گروه آموزشی در دوره : 5 نفر

---

این دوره در 5 بخش آماده شده

• بخش اول : آموزش زبان HTML
• بخش دوم : آموزش زبان CSS
• بخش سوم : آموزش CSS  پیشرفته
• بخش چهارم :  Bootstrap
• بخش پنجم و پایانی : انجام پروژه 

در دوره تا حدودی با JS  هم آشنا میشویم. در حد مورد نیاز برای چند امکان در سایت

دانشجو پس از دوره میتواند هر گونه وب سایتی را طراحی کند . دقت داشته باشید بخش فرانت وب سایت ، برای برنامه نویسی سمت سرور باید دوره دیگری باید فرا بگیرید.

---

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

– HTML5 –

1. مقدمه
2. HTML چیست؟
3. ویرایشگران متنی
4. اجزای سازنده
5. تگ ها
6. صفات
7. عناصر
8. قالب بندی
9. سرتیتر (عنوان)
10. پاراگراف
11. تگ های عبارتی
12. تگ انکر (لینک)
13. تصویر
14. جدول
15. لیست
16. لیست مرتب/لیست شماره گذاری شده
17. لیست نامرتب/لیست بالت
18. بررسی وجود یا عدم وجود فایل
19. لیست توضیحات/لیست تعریف
20. فرم ها
21. انواع ورودی فرم
22. صفت فرم
23. سبک دهی
24. کلاس ها
25. صفت id
26. Iframe ها
27. جاوا اسکریپت
28. کامنت/توضیحات
29. مسیرهای فایل
30. عنصر head
31. طرح بندی/چینش
32. شیوه های طرح بندی
33. واکنش گرایی
34. کد کامپیوتری
35. موجودیت ها
36. نمادها
37. Charset
38. رمزگذاری URL
39. ویژگی های عمومی
40. ویژگی های رویداد ویندوز
41. پارت دوم مروری بر تگ ها
42. تگ های HTML5
43. تگ <! DOCTYPE>
44. لنگر
45. تگ abbr
46. تگ acronym
47. تگ address
48. تگ applet
49. تگ html
50. عنوان صفحه
51. تگ body
52. عناوین
53. پاراگراف
54. تگ br
55. تگ hr
56. تگ b
57. تگ bdi
58. تگ bdo
59. تگ blockquote
60. تگ cite
61. تگ code
62. تگ del
63. تگ dfn
64. تگ em
65. تگ i
66. تگ meter
67. نقل قول
68. تگ ruby
69. تگ var
70. تگ area
71. تگ canvas
72. تگ div
73. صوت
74. تصویر
75. نکات نهایی HTML
76. جمع بندی

---

– CSS3 Part 1 –

2.1 فصل اول – معرفی CSS
2.2 فصل دوم – نحوه کد نویسی در CSS
2.3 فصل سوم – فراخوانی کد CSS در HTML
2.4 فصل چهارم – رنگ ها
2.5 فصل پنجم – background در CSS
2.6 فصل ششم – کادر ها در CSS
2.7 فصل هفتم – ابعاد عناصر در CSS
2.8 فصل هشتم – مدل جعبه ای
2.9 فصل نهم – متن در CSS
2.10 فصل دهم – فونت ها در CSS
2.11 فصل یازدهم – استایل دهی به لینک ها
2.12 فصل دوازدهم – جداول در CSS
2.13 فصل سیزدهم – سایه در CSS
2.14 فصل چهاردهم – position در CSS
2.15 فصل پانزدهم – float در CSS
2.16 فصل شانزدهم – display در CSS
2.17 فصل هفدهم – طبقه بندی در CSS
2.18 فصل هجدهم – overflow‌ در CSS
2.19 فصل نوزدهم – گرادینت رنگ ها در CSS
2.20 فصل بیستم – شفافیت در CSS
2.21 فصل بیست و یکم – نشانه های ارتباطی در CSS
2.22 فصل بیست و یک و نیم! – کامنت گذاری در CSS
2.23 فصل بیست و دوم – شبه کلاس ها در CSS
2.24 فصل بیست و سوم – شبه عناصر در CSS
2.25 فصل بیست و چهارم – منو ها در CSS
2.26 فصل بیست و پنجم – منو های بازشونده در CSS
2.27 فصل بیست و ششم – گالری تصاویر در CSS
2.28 فصل بیست و هفتم – انتخابگر صفات در CSS
2.29 فصل بیست و هشتم – شمارنده ها در CSS
2.30 فصل بیست و نهم – آیکون ها در CSS
2.31 فصل سی‌ام – استایل دهی عناصر form در CSS
2.32 فصل سی و یکم – حاشیه های عکس دار در CSS
2.33 فصل سی و دوم – آموزش افکت های پیشرفته متن در CSS
2.34 فصل سی و سوم – آموزش طراحی واکنش گرا در CSS
2.35 فصل سی و چهارم – تبدیلات در CSS
2.36 فصل سی و پنجم – آموزش transition در CSS
2.37 فصل سی و ششم – آموزش Animation در CSS
2.38 فصل سی و هفتم – آموزش Layout در CSS
2.39سوالات متداول

---

– CSS3 Part 2 پیشرفته –

1. شروع به کار
2. سینتکس
3. انتخاب کننده ها
4. رنگ
5. پس زمینه
6. فونت ها
7. متن
8. لینک ها
9. لیست ها
10. جدول ها
11. مدل جعبه ای
12. حاشیه (margin)
13. فاصله (padding)
14. مرز (border)
15. طرح کلی (outline)
16. نشانگر موس (cursor)
17. سرریز (overflow)
18. اندازه (dimension)
19. واحدها (units)
20. طرح بندی ظاهری
21. نمایش (display)
22. آشکاری (visibility)
23. موقعیت (Position)
24. لایه ها (layer)
25. شناوری (float)
26. تنظیم (alignment)
27. کلاس های pseudo
28. المان های pseudo
29. انواع مدیا (media types)
30. Sprites
31. شفافیت (opacity)
32. انتخابگرهای ویژگی
33. مرز (border)
34. رنگ (color)
35. پس زمینه (background)
36. شیب (gradients)
37. سرریز متن (text overflow)
38. سایه (drop shadow)
39. تغییر شکل دو بعدی
40. تغییر شکل سه بعدی
41. انتقال
42. انیمیشن ها
43. چیدمان چند ستونی
44. جعبه های منعطف
45. فیلترها
46. مدیا کوئری
47. قوانین At
48. ویژگی های Css3
49. سوالات متداول 2
50. بخش نهایی
51. جمع بندی

---

– BootStrap –

درس 1 : معرفی فریم ورک بوت استرپ Bootstrap
درس ۲ : شروع بوت استرپ Bootstrap
درس ۳ :‌ آموزش سیستم شبکه بندی در بوت استرپ (Bootstrap Grid System )
درس ۴ : بررسی کلاس clearfix , visible در بوت استرپ Bootstrap
درس ۵ : بررسی کلاس ها Offset , Push , pull در بوت استرپ Bootstrap
درس ۶ : تایپوگرافی در بوت استرپ Bootstrap
درس ۷ : آموزش ایجاد جدول در بوت استرپ Bootstrap
درس ۸ :‌ ریسپانسیو کردن جدول در Bootstrap
درس ۹ : آموزش ایجاد تصاویر ریسپانسیو در بوت استرپ Bootstrap
درس ۱۰ : اطلاعیه ها ( alert ) در بوت استرپ Bootstrap
درس ۱۱ : آموزش ایجاد دکمه ها در بوت استرپ Bootstrap
درس ۱۲ : آموزش استفاده از آیکون فونت در بوت استرپ Bootstrap
درس ۱۳ : آموزش نوار پیشرفت در بوت استرپ ( Progress Bar )
درس ۱۴ : منوی آکاردئونی در بوت استرپ
درس ۱۵ : آموزش ایجاد فرم در بوت استرپ Bootstrap
درس ۱۶ : آموزش ایجاد فرم در بوت استرپ ( 2 )
درس ۱۷ :‌ ایجاد تولتیپ در Bootstrap
درس ۱۸ : آموزش Modal در بوت استرپ Bootstrap
درس ۱۹ : آموزش ساخت اسلایدر در بوت استرپ carousel slider ) Bootstrap )
درس ۲۰ : طراحی قالب Landing Page ( ساخت منوی ریسپانسیو با بوت استرپ )
درس ۲۱ : طراحی قالب Landing Page با بوت استرپ ( اتمام بخش header )
درس ۲۲ : طراحی قالب Landing Page با bootstrap ( بخش درباره ما )
درس ۲۳ : طراحی قالب Landing Page با بوت استرپ ( بخش خدمات )
درس ۲۴ : طراحی قالب landing page با بوت استرپ ( بخش portfolio و تماس با ما )
درس ۲۵ : طراحی قالب Landing Page با بوت استرپ ( بخش آخر )
درس ۲۶ :‌ طراحی قالب مجله خبری/گردشگری با بوت استرپ ( توضیحات در مورد قالب )
درس ۲۷ :‌ طراحی قالب مجله خبری/گردشگری با bootstrap ( توضیحاتی در مورد png و svg )
درس ۲۸ :‌ طراحی قالب مجله خبری/گردشگری با بوت استرپ ( طراحی منو )
درس ۲۹ :‌ طراحی قالب مجله خبری/گردشگری با بوت استرپ ( طراحی اسلایدر )
درس ۳۰ :‌ طراحی قالب مجله خبری/گردشگری با bootstrap ( طراحی بخشِ پست )
درس 31 :‌ طراحی تم مجله خبری/گردشگری با بوت استرپ ( بخش ساید بار )
درس ۳۲ :‌ طراحی قالب مجله خبری/گردشگری با bootstrap ( طراحی فوتر )
درس ۳۳ – افزودن animatescroll به طرح Landing Page
درس ۳۴ – سورس فایل های دوره بوت استرپ

 

---

مطالعه شود 

پس از مطالعه سر فصل ها چند نکته باید ذکر کرد

کاربر پس از دوره میتواند در شرکت های برنامه نویسی وب شروع به کار کند با حقوق مناسب

در صورت متخصص شدن که با تجربه و تمرین مداوم و بدست آوردن نمونه کار کاربر میتواند به راحتی درآمد خودش را دو تا سه برابر کند .

برای این منظور کافیست سرچ کوتاهی در نت بزنید . یا در دسته های شغلی مانند دیوار برنامه نویسی فرانت اند را سرچ کنید . و تقاضا را ببینید .

کاربر پس از دوره به راحتی میتواند هر گونه قالب وب سایتی را طراحی کند  . میتواند قالب اختصاصی برای وردپرس بزند و از همه مهم تر به عنوان یک متخصص دیده شود .

برای آن دسته از  دوستان که قصد مهاجرت دارند کافیست شغل های با موضوع طرحی سایت و نیازمندی فرانت اند رو در اون کشور بررسی کنید که حقوق کار این حوزه جز درآمد های بالا حساب میشود . حتی در خود ایران .

برای کسانی که سن پایین تر از 15 سال دارند حتما تماس بگیرند. نه به این منظور که پذیرش نیست . نوع تدریس و زمان برگذاری متفاوت هست .

---

نوع آموزش 

آموزش به صورت آنلاین هست . هر جلسه با کاربران به صورت آنلاین ، ارسال فایل ، و گروه برای تست و بررسی استفاده میشود.

آموزش ها در همان روز رکورد و برای شما ارسال میشود

تمرین هر جلسه داده میشود .

جلسات پشت هم هست . در صورت  غیبت کاربر باید از فایل های و رکورد استفاده کند .

هر جلسه مرور کلی میشود برای کسانی که غیبت داشته باشند در گروه تست و بررسی چک میشود تا به جلسه بعد برسند.

زمان کلی جلسات 1 ساعت که با در نظر گرفتن پرس و اسخ با دانجویان 2 ساعت باید در نظر گرفت

ظرفیت هر کلاس نهایت 5 نفر .

بسته به نظر دانشجو ها زمان شروع هماهنگ میشود .

شروع هر دوره اول هر ماه یا 15 ام هر ماه 

 

سوال های دیگر میتوانید تماس بگیرید. 

09390000712