
آموزش طراحی سایت
یکی از محبوب ترین دوره ها آموزش طراحی سایت است که برنامه نویسی کاربردی یاد خواهید گرفت، شغلی که این روزها پر سروصدا است و درآمدهای میلیونی با طراحی سایت کسب می شود. با پیشرفت اینترنت خواستار داشتن سایت بین کسب و کارها بسیار زیاد شده و با طراحی سایت برای مشتریان می توانید کسب درآمد داشته باشید یا در سایت های فریلنسری به این کار مشغول شوید. در این دوره رایگان آموزش طراحی سایت با زبان های برنامه نویسی HTML ، CSS و جاوا اسکریپت را پیش میبریم.
فصل اول
مقدمات طراحی سایت
در این بخش پایه ای ترین مواردی که نیاز است برای شروع برنامه نویسی سایت از صفر بدانید را به شما آموزش میدهیم تا بتوانید از قدم صفر برنامه نویسی را یاد بگیرید. از جمله موضوعاتی که در این فصل مفهوم های مهم وب، HTML، CSS، جاوا اسکریپت و Back-end یاد خواهید گرفت تا در فصل های بعدی راحتر مباحث برنامه نویسی سایت یاد بگیرید.
این مقدمات را حتما یاد بگیرید چرا که در فصل های بعدی با این مفاهیم سروکار داریم…
جلسه ۲: بستر وب چگونه کار میکند؟ در طراحی سایت
جلسه ۳: چگونه داده ها راه خود را پیدا می کنند؟ در طراحی سایت
جلسه ۴: سمت سرور(Server-side) و سمت مشتری(Client-side) در طراحی سایت
جلسه ۵: درباره HTML در طراحی سایت
جلسه ۶: درباره CSS در طراحی سایت
جلسه ۷: جاوا اسکریپت در طراحی سایت
جلسه ۸: Back End چیست؟ در طراحی سایت
جلسه ۹: معماری میکروسرویس در طراحی سایت
جلسه ۱۰: برنامه نویسی Back-End در طراحی سایت
جلسه ۱۱: Node.js در طراحی سایت
فصل دوم
آموزش طراحی وب با HTML
زبان HTML که به آن زبان نشانهگذاری می گوییند برای طراحی سایت نیاز است. در واقع HTML مخفف Hyper Text Markup Language است برای طراحی صفحات سایت که توسط مرورگر خوانده شود ضروریست چرا که مرورگر می تواند HTML را ترجمه کند و نتیجه نهایی را در صفحه وب نمایش دهد.
HTML شامل تگ هایی می شود که هر کدام یک خصوصیت و کاربری دارند که مشخص می کند که المانی در صفحه وب سایت به چه صورتی نمایش دهد که البته این زبان با CSS که در فصل آینده یاد خواهید گرفت ترکیب می شود تا بتوانید صفحه وب را طراحی کنید.
فصل سوم
آموزش طراحی سایت با CSS
اگر بخوایم به زبان ساده مختصری از CSS توضیح بدیم می تونیم بگیم ساختار صفحات با HTML ساخته می شود و رنگ و لعاب های آن صفحه با CSS تعیین می شود. با این تعریف ساده حتما متوجه شدین که HTML و CSS مکمل هم دیگه هستند و با استفاده از این دو می توانید یک صفحه وب طراحی کنید اما دقت کنید برای طراحی یک سایت کامل نه صرفا چند صفحه وب نیاز به زبان جاوا اسکریپت هم هست که منطق یا مغز سایت تشکیل میده.
پس در زبان HTML یاد گرفتید چگونه المان های یک صفحه بسازید اما مطمئنن متوجه شدید که هنوز چیزی کمه تا بتونید صفحه وب زیبا کنید و رابط کاربری آن را تعیین کنید. زبان برنامه نویسی CSS این کار را برای شما انجام میدهد. با این زبان برنامه نویسی می توانید استایل سایتتان را طراحی کنید همچنین بعد از یادگیری زبان CSS نیاز است کدهای HTML به CSS وصل کنیم تا با استفاده از هر دو زبان یک صفحه استاندارد وب سایت بسازیم.
جلسه ۱۹: CSS چیست؟ در CSS
جلسه ۲۰: نگاهی گذرا به انتخابگرهای CSS در CSS
جلسه ۲۱: انتخاب کنندگان CSS – دوباره! در CSS
جلسه ۲۲: بهترین روش ها برای انتخاب عناصر در CSS
جلسه ۲۳: ترکیب انتخابگرها در CSS
جلسه ۲۴: اولویت های گروه selector در CSS
جلسه ۲۵: محاسبه انتخاب در CSS
جلسه ۲۶: اولویت های مکان در CSS
جلسه ۲۷: معنای رنگ در CSS در CSS
جلسه ۲۸: درک معنای واحدها در CSS
جلسه ۲۹: پیکسل در CSS
جلسه ۳۰: امتیاز و پیکاس در CSS
جلسه ۳۱: درصدها در CSS
جلسه ۳۲: vh و vw در CSS
جلسه ۳۳: مدل جعبه در CSS
جلسه ۳۴: مدل جعبه – همراه با مثال. در CSS
جلسه ۳۵: منطقه padding در CSS
جلسه ۳۶: border ها در CSS
جلسه ۳۷: منطقه margin در CSS
جلسه ۳۸: عملی: اعمال Padding و Margin در CSS
جلسه ۳۹: استفاده از عناصر شناور در CSS
جلسه ۴۰: استایل های پیش فرض مرورگر چگونه بر یک سند تأثیر می گذارند در CSS
جلسه ۴۱: مفهوم آبشار و وراثت در CSS
جلسه ۴۲: تراز بندی متن + اندازه در CSS
جلسه ۴۳: شروع type در CSS
جلسه ۴۵: Serif و Sans-Serif در CSS
جلسه ۴۶: Monospace ، Cursive و Fantasy در CSS
جلسه ۴۷: ۵ نکته از فونت که باید بدانید در CSS
جلسه ۴۸: شروع کار با تصاویر پس زمینه در CSS
جلسه ۴۹: اندازه تصاویر پس زمینه در CSS
جلسه ۵۰: اندازه گیری پیش زمینه ها با استفاده از کلمات کلیدی در CSS
جلسه ۵۱: معرفی گرادیان ها در CSS
جلسه ۵۲: گرادیان های خطی در CSS
جلسه ۵۳: gradient ها تصاویر پس زمینه هستند! در CSS
جلسه ۵۴: چگونه گرادیان های خطی واقعاً کار می کنند در CSS
جلسه ۵۵: مقدمه ای برای Flexbox در CSS
جلسه ۵۶: خصوصیات کانتینر Flex در CSS
جلسه ۵۷: خصوصیات مورد Flex در CSS
جلسه ۵۸: نگاهی دقیق به flex-item ها مطلق و نسبی در CSS
جلسه ۵۹: تراز بندی خودکار margin در CSS
جلسه ۶۰: با تغییر جهت فلکس چه اتفاقی می افتد؟ در CSS
جلسه ۶۱: ساخت یک لایه های برنامه موسیقی با Flexbox در CSS
جلسه ۶۲: طراحی رسپانسیو با Flexbox در CSS
جلسه ۶۳: مقدمه در CSS
جلسه ۶۴: اصطلاحات اساسی CSS Grid که باید بدانید در CSS
جلسه ۶۵: CSS Grid ، مراحل کوچک در CSS
جلسه ۶۶: نحوه ایجاد تنظیمات اولیه شبکه برای موسیقی کتی در CSS
جلسه ۶۷: قرار دادن Grid area در CSS
جلسه ۶۸: طراحی رسپانسیو – تعریف مجدد مناطق شبکه با Media Queries در CSS
جلسه ۶۹: قرار دادن محتوا در داخل Grid. در CSS
جلسه ۷۰: ترکیب CSS Grid با Flexbox در CSS
جلسه ۷۱: نتیجه در CSS
نکات آموزشی قبل شروع طراحی سایت
امروزه برنامه نویسی طراحی سایت بسیار گسترش یافته دقت کنید وقتی دوره آموزشی را تمام می کنید نیاز دارید همراه با پروژه های طراحی سایت که می گیرید برنامه نویسی خود را تقویت کنید و یادگیری را ادامه دهید چرا که طراحی سایت یک دنیا گسترده و بسیار جذاب است که می توانید تا بی نهایت یادگیری ادامه دهید و هرچقدر بیشتر یاد بگیرید موقعیت های شغلی بهتری خواهید داشت.
از نکات مهم دیگر این است که وقتی درحال یادگیری طراحی سایت هستید حتما تمرین کنید! چرا که فقط یادگیری برنامه نویسی وقتی تاثیر میگذارد که شما از همون ابتدا کدهارو تمرین کنید و جلوتر که تا حد زیادی یاد گرفتید و اکثر آموزش هارو یاد گرفتید شروع به انجام یک پروژه تمرینی کنید و مواردی که بلد هستید را در یک پروژه واقعی طراحی سایت انجام دهید.