مینی پروژه های تخصصی با Html، Css + دیزاین اختصاصی
عنوان دوره گویای همه چی هست اما نیازه برخی موارد گفته بشه تا بتونید با دید بهتری تو این دوره شرکت کنید و هدف دوره رو بهتر بتونید درک کنید. افراد بعد از یادگیری Css نیازه که مینی پروژه های مختلفی رو بزنن و تا بتونن با مهارت های خامی که با […]
دوره مینی پروژه های HTML،CSS یکی از دوره های جدید سبزلرن که به درخواست دانشجویان عزیز و به عنوان پوشش دهنده فاصله بین دوره آموزش CSS و دوره طراحی قالب درنظر گرفته شده تا موتور شمارو برای شروع تسلط عملی روی کدنویسی مهمترین کامپیوننت ها و بخش های مختلف صفحات وب با HTML/CSS بعد از یادگیری کامل اونها در دوره مقدماتی، روشن کنه.
بعضی از افرادی که تازه دوره های HTML/CSS رو گذروندن، به قول خودشون یه چیزایی از HTML و CSS میدونن، وقتی که ازشون بخواید یک مگامنو، اسلایدر، فرم و … مشابه یک وب سایت خاص یا از روی دیزاین اختصاصی کدنویسی کنن، تازه متوجه میشن که هنوز آمادگی لازم رو ندارن چون امتیاز اصلی درخشیدن در بازار کار و تولید پروژه های خلاقانه، تسلط به طراحی انواع کامپوننت هاست. فقط در این صورت هست که حس بد گفتن جمله ” اینو بلد نیستم ” به کارفرما یا همکار رو تجربه نمی کنید…
احتمالا میتونید حدس بزنید که در این دوره قرار نیست کدنویسی جدیدی به شما آموزش داده بشه اما عوضش با استفاده از دانسته هاتون در مورد HTML/CSS و نظم دهی به اونها، میتونید به مرحله ای برسید که انواع کامپوننت ها و المان های یک صفحه وب رو صفر تا صد طراحی کرده و از خلق اونها لذت ببرید. چیزی که احتمالا جزو آرزوهاتون بوده از صفر انجامش بدید اون هم به تنهایی و بدون نیاز به کمک گوگل یا دیگران!
چرا این دوره به صورت اختصاصی و جداگانه طراحی شد؟
واقعیت اینه که بیشتر دانشجو ها بعد اینکه HTML CSS FLEX رو آموزش میبینن به چالش های مهمی می رسن :
- چطور میشه هر کامپوننتی که در سایت های دیگه می بینیم یا به ذهنمون میرسه رو پیاده سازی کنیم؟
- چطور از دانش CSS خودمون به صورت عملی برای خلق طرح های خلاقانه در صفحات وب استفاده کنیم؟
- چطور میتونیم به مرور زمان بخش های مختلف یک قالب رو کدنویسی کنیم تا آماده دوره طراحی قالب کامل بشیم؟
- چه اصول و استانداردهایی در کدنویسی کامپوننت ها باید رعایت بشه که بهینه باشن؟
- چطور کامپوننت هارو به صورت کاملا رسپانسیو طراحی کنیم که مثل آب تو هر ظرفی حالت بگیرن؟!
- چطور میتونیم از روی فایل فیگما یک دیزاینر UI، طرح هارو پیاده سازی کنیم؟
- و….
در دوره مینی پروژه های HTML،CSS قراره به همه این سوالات جواب داده بشه تا شما بعد از پایان آموزش ها، بتونید هر کامپوننت مهمی که نیاز دارید هست رو به صورت کاملا حرفه ای با HTML CSS پیاده سازی کنید.
ببینید شما اگه قرار باشه در بازار فریلنسری فرانت اند فعالیت کنید، حتما حتما باید چند نمونه کار خیلی خوب و مناسب بازار کار داشته باشید تا بتونید راحت تر پروژه بگیرید و کارفرما به شما اعتماد کنه. حتی وقتی داخل یک شرکت استخدام شدید و قرار شد به عنوان فرانت اند کار روی شما حساب کنن، باید بتونید به اصولی ترین شکل ممکن کامپوننت های مختلف یک وب سایت (یا همون مینی پروژه ها) رو پیاده سازی کنید.
در واقع این دوره، اولین مهارت پولسازی با HTML/CSS رو به شما یاد میده و رسما تخصص فرانت اند رو استارت می زنید.
علاوه بر این در طول دوره مجموعه ای از ترفند های بی نظیر برای استایل دهی با HTML CSS یاد میگیرید که بهتون کمک میکنه دستتون در خلاقیت طراحی بازتر باشه. در ادامه به سوالات و دغدغه های احتمالی تون قبل از شرکت در دوره پاسخ دادیم پس با ما همراه باشید.
این دوره چه تفاوتی با بقیه دوره های مشابه داره؟
اگه سبزلرن رو از قبل میشناسید حتما میدونید که همیشه دوره های خودش رو طبق تجربه و آخرین متدهای آموزشی برنامه نویسی در دنیا، طراحی و تدوین میکنه. مهمترین ویژگی دوره های سبزلرن و شخص آقای عبادی، برخلاف اکثر منابع آموزشی ایرانی که صرفا بر اساس سرفصل های تئوری تدریس میکنن، دقیقا روش ها و چگونگی هارو به صورت کاملا حرفه ای و پروژه محور به شما یاد میده تا دیگه خودتون در زمینه طراحی قالب اصولی با HTML CSS یا حتی در بقیه پروژه ها و تکنولوژی ها استاد بشید و نیاز به کمک کسی نداشته باشید.
دومین مزیت مهم دوره مینی پروژه های HTML،CSS مدرس اون هست که استاد عبادی با بیان شیوا، تسلط و تجربه فنی فوق العاده ای که در زمینه تخصص های فرانت اند داره، کاری با شما خواهد کرد که از کدنویسی و کار کردن با CSS لذت ببرید.
سومین نکته، پشتیبانی رایگان و مادام العمر سبزلرن برای دانشجویان هست که حتی بعد از گذشت چندسال هم امکانش برای شما فراهم خواهد بود و از لحظه یادگیری تا استخدام و رزومه و پروژه های بزرگ در کنار شما خواهد بود.
چهارمین مورد مهم هم، نظرات دانشجویان قبلی در صفحات اختصاصی دوره های سبزلرن و به طور ویژه استاد عبادی هست که با مطالعه اونها میتونید کیفیت و اثرگذاری رو بسنجید و کمی از تردیدهای ذهنی خودتون کم کنید.
تو این دوره دقیقا چی یاد می گیریم؟
هدف اصلی این دوره اینه که بعد از یادگیری HTML CSS در دوره های مقدماتی تر، به قدری تو این مباحث کلیدی برنامه نویسی مسلط بشید که خودتون به تنهایی بتونید کامپوننت ها و بخش های مختلف یک صفحه وب رو به زیبایی کدنویسی کنید و روزمه خودتون رو با نمونه کارهای جذاب پر کنید.
بخشی از مطالبی که در این دوره یاد خواهید گرفت :
1 – ساخت مگامنو با تمامی امکانات و تنظیمات هم در نمای دسکتاپ و هم در نمای گوشی ها موبایل
2 – ساخت اسلایدر حاوی تصویر، نویگیشن، افکت تصویری، انیمیشن و …
3 – ساخت سکشن تب دار (با کلیک روی هر تب، تصاویر و متون مربوط به همون تب نمایش داده بشه)
4 – انواع هاورهای جذاب روی تصاویر با کاربردهای مختلف
این دوره برای چه کسانی مناسب هست؟
الان که هم زبان ها و فریم ورک ها پیچیده تر شدن و هم تخصص ها متنوع شده، این شرایط شمارو مجبور میکنه قبل از شروع مسیر یادگیری یک تخصص مثل فرانت اند، با دقت و تمرکز پیش نیازهای اون رو شناسایی کرده و از طریق یک مرجع آموزش معتبر یاد بگیرید. گذروندن دوره مینی پروژه های HTML،CSS قدم دوم شما در این مسیر محسوب میشه برای همین خیلی مهمه که از کجا و با چه کیفیتی بگذرونید تا بعدا در پروژه ها دچار مشکل نشید.
بنابراین اگر :
- HTML/CSS بلدید و در ادامه مسیر حرفه ای تر شدن به دنبال استفاده از این اطلاعات برای شروع پروژه ها و مینی پروژه های عملی مطابق با نیاز بازار کار هستید
- دوست دارید کدنویسی انواع کامپوننت ها و المان های وب رو یاد بگیرید یا اینکه تا حدی بلدید ولی هنوز نمیتونید کامل و اصولی طراحی کنید
- احساس می کنید خلاقیت و علاقه زیادی به حوزه طراحی رابط کاربری (UI) دارید
- دوست دارید با فضا و شرایط بازار کار این تخصص آشنا بشید و روش های درآمدزایی رو بشناسید
این دوره قطعا مناسب شماست و بدون شک با بهترین آمادگی ممکن وارد دوره های پیشرفته تر مثل طراحی قالب با HTML/CSS خواهید شد.
اگه تو این دوره ثبت نام نکنم چی میشه؟
میزان رشد و موفقیت هر شخصی نتیجه انتخاب های خودشه. شرکت کردن یا نکردن هم یک نوع انتخابه و قاعدتا عواقب این انتخاب، خوب یا بد به خود ما برمیگرده.
همونطور که گفتیم یکی از چالش های افرادی که تازه وارد حوزه فرانت اند شدن اینه که نمیتونن به کمک HTML CSS به صورت اصولی و حرفه ای کدنویسی کرده و کامپوننت های یک صفحه وب رو صفر تا صد پیاده سازی کنن.
شما اگه این دوره مینی پروژه های تخصصی HTML CSS رو نبینید در ظاهر ضرر نمی کنید اما در واقع اسیر زمان خواهید شد. چون اگر چنین دوره ای رو نگذرونید، ممکنه ماهها یا سالها طول بکشه تا کم کم به طراحی این المان ها مسلط بشید. اونوقت زمانی که رقبای شما درحال یاد گرفتن تکنولوژی های جدید هستن، شما هنوز دارید با CSS/HTML برای طراحی صفحه سروکله می زنید!
دیگه بستگی به شما داره که چقدر برای متخصص شدن در حوزه فرانت اند اشتیاق و عجله دارید…
بعد از اتمام دوره به چه سطحی می رسیم؟
طبق توضیحاتی که در سرفصل ها و ویدیوی معرفی دوره مینی پروژه های HTML،CSS می بینید، شما بعد از اتمام دوره میتونید تمام این کامپوننت ها و طرح هایی که تمرین خواهید کرد رو با خلاقیت ذهنیتون ترکیب کنید و المان های بی نظیری خلق کنید.
علاوه بر این هر زمان یک طرح و دیزاین تحویل گرفتید به راحتی میتونید متوجه بشید برای پیاده سازی اون از چه تکنیک ها و ترفندهایی باید استفاده کنید تا عینا مطابق طرح دربیاد و به هم ریختگی نداشته باشه. علاوه بر این با دیدی که استاد در طول دوره بهتون میده، میتونید با دیدن هر وب سایت یا کامپوننت خاصی به راحتی اون رو مهندسی معکوس کرده و با ایجاد تغییرات دلخواه، به شکلی که دوست دارید دربیارید.
این دوره پیش نیاز خاصی داره که باید قبلش بلد باشم؟
حتما شما باید قبل از مشاهده این دوره مطالب HTML CSS رو به خوبی یاد گرفته باشید و با FLEX و GRID هم خیلی خوب آشنا باشید تا بهترین نتیجه رو بگیرید. چون حرف از فرانت اند هست پس حتما از جاوا اسکریپت هم استفاده میکنیم اما اگر بلد نیستید نگران نباشید چون هرآنچه برای انجام کارها نیاز هست، مدرس به شما خواهد گفت.
پس حتما قبل از شروع این دوره باید دوره های HTML، CSS، FLEX ،GRID رو که در سایت سبزلرن به صورت رایگان موجود هستن رو مشاهده کنید و بعد از یادگیری و مسلط شدن روی اونها وارد این دوره بشید.
وقتی این دوره رو دیدم قدم بعدیم چیه؟
وقتی دوره مینی پروژه های تخصصی با HTML/CSS رو پاس کنید، به این معنی هست که در HTML/CSS به صورت عملی و کاربردی هم حرفه ای شدید و تونستید از این مرحله بگذرید. بنابراین میشه گفت شما اولین قدم های تبدیل شدن به متخصص فرانت اند رو محکم برداشتید. حالا وقتشه خوب تمرین کنید و سعی کنید انواع و اقسام کامپوننت های مهم و پرطرفداری که در سطح وب می بینید رو پیاده سازی کنید تا اصطلاحا دستتون راه بیفته!
وقتی خوب مسلط شدید، پیشنهاد ما به شما اینه که سراغ طراحی صفر تا صد قالب با HTML/CSS برید. همینطور دوره های مکمل CSS مثل تیلویند، بوت استرپ، گرید و فلکس باکس که به شما در سرعت و کیفیت پیاده سازی پروژه ها کمک زیادی خواهند کرد.
احتمالا همتون میدونید ولی جهت یادآوری میگیم که بخش اصلی تخصص فرانت اند، زبان برنامه نویسی جاوا اسکریپت هست. پس اگر قصد داری خیلی حرفه ای کار کنید، باید یادگیری این زبان و فریم ورک های اون مثل ری اکت، ویو ، نود و … هم در برنامه بلندمدت شما باشه.
چه تضمینی هست که خوب و کامل یاد بگیرم؟
به دست آوردن بهترین نتیجه، تابعی از علاقه و پشتکار شما در توجه به مطالب کلاس و انجام تمرینات در اولین فرصت هست. علاوه بر اون میتونید با تحقیق در منابع فارسی و انگلیسی اشراف و تسلط بیشتری نسبت به هر موضوع پیدا کنید که قطعا تاثیر خیلی مثبتی در روند یادگیری و متخصص شدن شما داره.
ولی به طور کلی چند دلیل هست که معمولا باعث عدم نتیجه گیری شما از دوره ها از جمله دوره مینی پروژه های تخصصی HTML CSS میشه :
1 – کیفیت محتوای آموزشی و مدرس اون
2 – اشتیاق و علاقه مندی کافی برای یادگیری
3 – نبود پشتیبانی در دسترس و قوی در حین آموزش
4 – عدم مرور و تمرین مطالب و انبار کردن اونها برای روز مبادا !
دو مورد اینها بر عهده شماست و دو مورد هم بر عهده سبزلرن. ما به شما قول میدیم این آموزش رو با بالاترین کیفیت و موثرترین پشتیبانی در اختیار شما قرار بدیم. شما قول میدید که با علاقه و پشتکار تمام تمرینات رو انجام بدید تا به نتیجه برسید؟!
پس همه چی حله…
این دوره گارانتی هم داره؟!
بهترین تضمین، مطالعه کامنت دانشجوها در سایر دوره های سبزلرن و آقای عبادی هست و همینطور رایگان بودن جلسات اول همه دوره ها که هر نوع ریسکی رو برای شما حذف میکنه. بنابراین می تونید با خیال راحت و بدون دغدغه فقط روی آموزش دیدن تمرکز کنید و قبل از پرداخت هزینه، با سبک تدریس و کیفیت کلی دوره مینی پروژه های تخصصی HTML CSS آشنا بشید.
ما سال هاست که در زمینه آموزش برنامه نویسی، هزاران دانشجوی عزیز مثل شمارو تحویل جامعه نرم افزار و توسعه وب و به طور کلی IT دادیم و همیشه سعی کردیم با رفع نواقص و خطاها، بهترین شرایط رو فراهم کنیم. با این وجود اگر به هر دلیلی از کیفیت آموزش ها راضی نبودید می تونید خیلی راحت به پشتیبانی تیکت بزنید و وجه پرداختی خودتون رو پس بگیرید. این حق شماست!
مدرس این دوره چه کسی هست؟
مدرس دوره مینی پروژه های تخصصی HTML CSS استاد عبادی هستن که به خاطر تجربه و تسلط بالا در حوزه فرانت اند و همینطور برگزاری دوره های پرطرفدار و محبوب HTML, CSS, FlexBox و … در سبزلرن، به عنوان مدرس انتخاب شدن. بیان ساده و سبک تدریس منحصربه فرد ایشون از جمله دلایل استقبال و رضایت فوق العاده دانشجویان از دوره های ایشون بوده و هست.
ما در سبزلرن اعتقاد داریم مدرسی که اطلاعاتش به روز هست و مستقیما با بازار کار تکنولوژی ها سروکار داره از مدرس عادی و تئوری محور گزینه بهتری برای سبزلرنی ها محسوب میشه چون هدف اصلی پرورش یک فرانت اند کار بین المللی و پولساز هست نه انباردار دانش فراوان!
یکی دیگه از خصلت های ویژه ایشون اهمیت به پشتیبانی فنی دانشجوهاست و این رو می تونید از کامنت های دانشجویان قبلی متوجه بشید. پس شک نکنید بهترین دوره مینی پروژه های تخصصی HTML CSS رو در کنار ایشون تجربه خواهید کرد.
اگر با سوال یا مشکلی مواجه شدم، پشتیبانی می کنید؟
100%
رایگان، سریع، راحت!
ما در سبزلرن اعتقاد داریم تا زمانی که دانشجو در عمل نتونسته یک پروژه صفر تا صد بنویسه، هنوز یادگیریش تموم نشده و تا رسیدن به این مرحله، علاوه بر اساتید، تیم پشتیبانی هم در دسترس شما هست تا هر سوال یا ابهامی داشتید به شما کمک کنه.
ما کاملا درک می کنیم ورود به دنیای برنامه نویسی بدون داشتن پشتیبان در دسترس به عنوان یک دوست قابل اعتماد، در یادگیری و رسیدن به نتیجه چقدر سخته. برای همین با تمام وجود در کنارتون هستیم تا به هر تخصصی که دوست دارید برسید. تمام و کمال!
روزی چند ساعت باید وقت بگذارم تا خوب یاد بگیرم؟
این سوال در مورد هر درس و رشته ای غلط هست چون هر شخصی نسبت به آمادگی ذهنی، علاقه، پشتکار و زمانی که برای آموزش اختصاص میده، تعیین میکنه هر درسی رو در چه زمانی یاد بگیره اما یه قانون قطعی وجود داره. هرچقدر زمانی که میذارید با چاشنی تمرکز و اشتیاق همراه باشه، فاصله شما تا رسیدن به هدف نهایی هم کوتاه تر خواهد بود. حالا فرقی نمیکنه دوره مینی پروژه های HTML CSS باشه یا زبان انگلیسی!
بر اساس تجربه، میانگین دو الی چهار ساعت در روز همراه با تمرین و کدنویسی پروژه به مدت سه ماه میتونه به شما کمک کنه تا چند پروژه خوب توسعه بدید و رزومه خودتون رو حرفه ای تر کنید. هر چند مهم تر از مدت، زمان تداومی هست که شما باید به خرج بدید و حوصله داشته باشید تا نتیجه کارتون رو ببینید.
در این دوره چه پروژه هایی تمرین می کنیم؟
پروژه های مختلفی در طول این دوره از صفر و با همراهی شما کدنویسی میشه که به عنوان چند نمونه میتونیم به : مگامنو، تب نویگیشن، آکاردئون، پاپ اپ، سبد خرید، گالری تصویر و…. اشاره کنیم.
کلام آخر
اگر واقعا به حوزه فرانت اند علاقه دارید و از اون مهمتر قصد دارید به صورت حرفه ای این تخصص رو پیگیری کنید، ویژگی های فوق العاده دوره مینی پروژه های تخصصی HTML CSS سبزلرن که همون جامع بودن، حرفه ای بودن و پشتیبانی مادام العمر هست، هرکدوم برای پوشش گوشه ای از دغدغه های ذهنی شما کافی خواهد بود.
تاثیر محسوسی که دوره های سبزلرن و آموزش های استاد عبادی بر تجربه یادگیری دانشجوهای قبلی گذاشتن و شما از طریق کامنت ها و تعداد شرکت کننده ها می بینید، نتیجه سالها تجربه و تخصص تیم مدرسین سبزلرن هست که با وجود این همه رقیب حرفه ای نمیتونه تصادفی باشه.
توضیحات دوره انقدر جامع و شفاف بود که بعید میدونیم جای سوال و ابهامی برای شما باقی مونده باشه اما به طور خلاصه و برای یادآوری، به شما میگیم که این دوره با یک استاد حرفه ای و کاربلد، مطالب کامل و بیانی ساده تدوین شده که یادگیری اون میتونه راه شمارو برای ادامه مسیر حرفه ای تر شدن هموار کنه!
لطفا پرسش مربوط به هر درس یا ویدئو دوره را در صفحه همان ویدئو مطرح کنید.
سلام خسته نباشید
خواستم درخواست کنم اگر میشه از این فرم های چند مرحله ای بسازید
سلام اقای مهندس خسته نباشید. همچین مینی دورهای بازهم حتماااا باشه خیلی مفید و کاربردی هست.
سلام ببخشید دلیل خاصی داره که این دوره مثل بقیه دوره ها که حداقل بیست سی درصدش رایگان بود،رایگان نیست؟
دوره هنوز به اتمام نرسیده، درصد مربوطه بعد از اتمام مشخص میشه
سلام وقت همگی بخیر
خدمت دانشجو ها این دوره عرض کنم که نحوه مشاهده این دوره به این شکله که شما ادامه مسیرتون رو پیش میرید و رودمپ رو پیش میبرید، هر زمان که سرفصل جدیدی میاد، مشاهده میکنید
پس منتظر تکمیل دوره نباشید و مباحث اصلی رو پیش ببرید، این دوره رو موازی با بقیه دوره ها باید ببینید، مثلا شمایی که پیشنیاز های این دوره رو بلد هستید الان باید دوره طراحی حرفه ای قالب رو مشاهده کنید، موازی با اون، این دوره رو هم بر اساس اپدیت هاش ببینید و منتظر تکمیل این دوره نباشید چون اینطوری از برنامه عقب میوفتید.
سلام خدمت آقای عبادی عزیز
حرف شما درست ولی این دلیل بر زمان بر و طولانی شدن دوره نمیشه الان دو هفته از آخرین آپدیت گذشته
بله حق با شماست، من به علت کمالگرایی که رو پروژه ها دارم تا زمانی که ایرادات هر طرح رو برطرف نکنم ویدیوش رو نمیگیرم برای همین علت کلا رو دیزاین کار میکنم تا ایرادات رفع بشه و حتی برخی از دیزاین ها قراره جایگزین بشن و صرفا نمونه اش توی فایل فیگما بمونه برای خودتون چون عملا پیاده سازیش نکته خاصی نداره، برای همین علت هست که میگم ادامه مسیر رو پیش برید چون این دوره داخل رودمپ نیست و یه دوره جانبیه، تمام وقت فکرم رو پروژه های دوره ها هست که واقعا نکته آموزشی داشته باشه و واسه شما ثمره داشته باشه، واقعا پر کردن ویدیو و سریع منتشر کردن سرفصل ها اصلا کار سختی نیست، من توی یک هفته میتونم تمام این دیزاین های دوره رو ویدیوش رو بگیرم و وضعیت دوره رو تغییر بدم به اتمام، اما این دوره چون دوره جانبی هست و کسی معطل نمیشه چون شما باید ادامه مسیر رو پیش برید در کارش این دوره رو موازی پیش ببرید، برای همین علت هست که زیاد حساسیتی روی زمان اتمامش ندارم، دنبال اینم کامپوننت هایی که توی دوره میزنیم کاربردی باشن، بخشی از دیزاین هایی که زدیم بر اساس نظرات دانشجو ها بوده که صرفا نمونه قرارداده شده تا هرشخصی روش کار کنه چون بیشتر جذابیت بصری داره عملا نکته اموزشی نداره، من دوره های قبلیم که داخل رودمپ اصلی بوده اینقدر تاخیر نداشته چون میدونستم دانشجو داخل دوره شرکت کردن و اگه من تاخیر زیادی داشته باشم وقت دانشجو هدر میره، ولی این دوره چون محوریتش متفاوته و یه قدم توی مسیر نیست، تاخیر داشتنش برای افزایش کیفیت دیزاین ارزش داره
سلام خسته نباشید فصل جدید دوره کی آپلود میشه ؟