برنامه‌نویسی وب سمت کاربر مقدماتی

آموزش طراحی و ساخت صفحات وب تعاملی با HTML، CSS و JavaScript

آشنایی با برنامه‌نویسی سمت کاربر در شاخه‌ی بیزنس

برنامه‌نویسی سمت کاربر (Front-End) به ساخت بخشی از وب‌سایت می‌پردازد که کاربر در مرورگر می‌بیند و با آن کار می‌کند. در این دوره، دانش‌پذیران ساختار صفحه را با HTML، ظاهر آن را با CSS و تعامل‌های آن را با JavaScript می‌سازند.

در مسیر بیزنس مدرسه فناوری ایرسافام، پس از یادگیری پایگاه داده و توسعه‌ی نرم‌افزارهای ویندوزی، دانش‌پذیران وارد دنیای برنامه‌نویسی وب می‌شوند. این مسیر با آموزش سه فناوری اصلی وب، یعنی HTML، CSS و JavaScript آغاز می‌شود و در دوره‌ی برنامه‌نویسی سمت کاربر پیشرفته، مهارت‌های آن‌ها در طراحی و توسعه‌ی رابط‌های کاربری حرفه‌ای‌تر گسترش پیدا می‌کند. سپس با ورود به برنامه‌نویسی سمت سرور، امکان توسعه‌ی نرم‌افزارهای تحت وب کامل و متصل به پایگاه داده فراهم می‌شود.

آشنایی با فناوری‌های HTML، CSS و JavaScript

برای ساخت صفحات وب، سه فناوری اصلی در کنار یکدیگر به کار می‌روند:

• HTML: برای ایجاد ساختار صفحات وب و تعریف بخش‌هایی مانند عنوان‌ها، متن‌ها، تصاویر، پیوندها، جدول‌ها و فرم‌ها استفاده می‌شود.
• CSS: وظیفه‌ی طراحی ظاهری صفحات را بر عهده دارد و برای تعیین رنگ‌ها، اندازه‌ها، فونت‌ها، چیدمان عناصر، جلوه‌های بصری و واکنش‌گرایی صفحات استفاده می‌شود.
• JavaScript: امکان برنامه‌نویسی و ایجاد تعامل در صفحات وب را فراهم می‌کند؛ از اعتبارسنجی فرم‌ها و واکنش به رویدادهای کاربر گرفته تا تغییر محتوای صفحات و پیاده‌سازی قابلیت‌های پویا.

در این دوره، دانش‌پذیران این سه فناوری را به‌صورت عملی و در ارتباط با یکدیگر یاد می‌گیرند و با ترکیب آن‌ها، صفحات وب زیبا، منظم و تعاملی طراحی و پیاده‌سازی می‌کنند.

محورهای یادگیری

• آشنایی با ساختار صفحات HTML و تگ‌های اصلی
• ایجاد عنوان‌ها، متن‌ها، پاراگراف‌ها و پیوندها
• درج تصاویر، صوت و ویدئو
• ایجاد فهرست‌ها و جدول‌ها
• طراحی فرم‌ها و انواع ورودی اطلاعات
• آشنایی با تگ‌های معنایی (Semantic HTML)
• ساختاردهی اصولی صفحات وب
• آشنایی با ساختار و روش‌های استفاده از CSS
• انتخابگرها (Selectors) و نحوه‌ی اعمال سبک‌ها
• رنگ‌ها، فونت‌ها، پس‌زمینه‌ها و حاشیه‌ها
• مدل جعبه‌ای (Box Model)
• اندازه‌دهی و موقعیت‌دهی عناصر
• چیدمان صفحات با Flexbox و CSS Grid
• طراحی منوها و اجزای مختلف رابط کاربری
• افکت‌ها، انتقال‌ها و انیمیشن‌های ساده
• طراحی واکنش‌گرا (Responsive Design) برای نمایش در موبایل، تبلت و کامپیوتر
• آشنایی با زبان JavaScript و نحوه‌ی اجرای آن در مرورگر
• متغیرها، انواع داده و عملگرها
• دستورها شرطی و ساختارهای تکرار
• آرایه‌ها و رشته‌ها
• توابع و روش‌های سازمان‌دهی کد
• کار با رویدادها (Events) و تعامل با کاربر
• آشنایی با DOM و تغییر محتوای صفحات HTML
• اعتبارسنجی فرم‌ها و کنترل ورودی اطلاعات
• کار با اشیا و مفاهیم اولیه‌ی برنامه‌نویسی در JavaScript
• ترکیب HTML، CSS و JavaScript در ساخت صفحات وب
• طراحی صفحات وب با چیدمان و ظاهر مناسب
• ایجاد منوها، فرم‌ها و اجزای تعاملی
• پیاده‌سازی قابلیت‌های پویا با JavaScript
• ساخت یک یا چند پروژه‌ی وب متناسب با مباحث آموزش‌داده‌شده