دوره طراحی وب کدآزاد پلاس یک دوره مقدماتی و کاربردی برای افرادی است که میخواهند وارد دنیای طراحی وب شوند و مهارتهای پایهای این حوزه را بهصورت اصولی یاد بگیرند. در این دوره تلاش شده مفاهیم اصلی طراحی وب به شکلی ساده، مرحلهبهمرحله و همراه با تمرینهای عملی آموزش داده شود تا شرکتکنندگان بتوانند در مدت کوتاه با ساختار و منطق توسعه صفحات وب آشنا شوند.
در ابتدای دوره، شرکتکنندگان با مفاهیم تئوری وب آشنا میشوند؛ مفاهیمی مانند نحوه کارکرد وبسایتها، ساختار صفحات وب، تفاوت فرانتاند و بکاند و نقش تکنولوژیهای مختلف در ساخت یک وبسایت. سپس نحوه نصب و راهاندازی VS Code به عنوان یکی از محبوبترین محیطهای کدنویسی آموزش داده میشود و شرکتکنندگان اولین قدمهای خود را در HTML برای ساختاردهی صفحات وب برمیدارند.
در ادامه، مباحث HTML بهصورت کاملتر بررسی میشود و شرکتکنندگان با تگهای پرکاربرد، ساختار استاندارد صفحات و نحوه ایجاد بخشهای مختلف یک صفحه وب آشنا میشوند. پس از آن وارد دنیای CSS میشویم؛ جایی که یاد میگیرید چگونه ظاهر صفحات وب را طراحی و شخصیسازی کنید. در این بخش اصول استایلدهی، رنگبندی، فاصلهها، چیدمان عناصر و شروع طراحی صفحات وب آموزش داده میشود.
در جلسات بعدی، طراحی صفحات با CSS ادامه پیدا میکند و شرکتکنندگان یاد میگیرند چگونه یک صفحه وب را زیباتر، منظمتر و حرفهایتر طراحی کنند. پس از آشنایی با ساختار و ظاهر صفحات وب، وارد مرحله مهم تعامل در صفحات وب میشویم و اولین قدمها در JavaScript برداشته میشود؛ زبانی که باعث میشود صفحات وب پویا و تعاملی شوند.
در بخش پایانی دوره، شرکتکنندگان با مفاهیم منطقی در JavaScript آشنا میشوند؛ مفاهیمی که پایه برنامهنویسی در وب را تشکیل میدهند و به آنها کمک میکند رفتارهای مختلفی را در صفحات وب پیادهسازی کنند.
این دوره در مجموع ۵ ساعت آموزشی در قالب ۷ جلسه برگزار میشود و هدف آن ایجاد یک مسیر ساده و کاربردی برای ورود به دنیای طراحی و توسعه وب است. پس از پایان دوره، شرکتکنندگان درک مناسبی از ساختار صفحات وب، طراحی ظاهری سایت و مفاهیم پایه برنامهنویسی در وب خواهند داشت و میتوانند مسیر یادگیری خود را در حوزه توسعه وب با اعتمادبهنفس بیشتری ادامه دهند.
● مفاهیم تئوری وب
● نصب vs code و اولین قدم در HTML
● ادامه مباحث در HTML
● اولین قدم در CSS و شروع طراحی
● ادامه طراحی با CSS
● شروع کد نویسی با JavaScript
● مفاهیم منطقی JavaScript
