سازمان فضای مجازی سراج - دفتر همدان

دوره آموزشی وب

#همایش #آموزشی

سازمان فضای مجازی سراج برگزار می کند: دوره آموزشی طراحی وب Front-End Web Developer HTML , CSS & JQuery مدرس: مصطفی قاری توسعه دهنده ارش...

دوره آموزشی وب
تا
تا
 

سازمان فضای مجازی سراج برگزار می کند:

دوره آموزشی طراحی وب

Front-End Web Developer

HTML , CSS & JQuery

مدرس: مصطفی قاری

توسعه دهنده ارشد Front-End در کارآپ

معرفی دوره:

یکی از اصلی ترین مباحث در طراحی وب داشتن یک ظاهر زیبا و کاربر پسند است. ظاهر وبسایت می تواند نشان دهنده ی شخصیت، نظم، جدیت و حوزه کاری یک شخص و یا سازمان باشد.

اصولاً هر وبسایت پویا دارای دو قسمت عمده است: 1) Front-End و 2) Back-End

مفهوم front-end به معنای تمامی قسمت هایی از وبسایت است که از سرور به سمت کاربر فرستاده می شود. تمامی مباحث زیباشناسی، جذب مخاطب، بهبود رتبه سایت و حضور در بازار رقابت در این مفهوم مورد بحث قرار می گیرد.

مفهوم back-end به معنای قسمت هایی از وبسایت است که تنها مدیران و توسعه دهندگان سایت قادر به مشاهده آنها هستند. کلیه مباحث فنی و مدیریتی یک وبسایت در این مفهوم می گنجد.

با توجه به تعاریف بالا ما در این کلاس قصد داریم تا شما را با روند ساخت ظاهر یک وبسایت زیبا و کاربردی آشنا کنیم.  زبان هایی که در Front-End یک وبسایت مشارکت دارند به ترتیب زیر است:

HTML: یک زبان نشانه گذاری است ، به اين معنی که بخش های مختلف توسط اجزايی به نام تگ از هم جدا شده ، که هر کدام دارای کاربرد و خواص مربوط خود هستند . اين تگ ها به مرورگر اعلام می کنند که هر بخش از صفحه چه نوع عنصری است و بايد به چه صورت نمايش داده شود .

CSS: زبانی ساده برای نمایش چیدمان و جلوه‌های تصویری (مانند نوع قلم، رنگ و اندازه‌ها) بر صفحه‌های وب است. این دستورها روش نشان داده شدن قلم‌ها و اندازه شان، رنگ‌ها و پس زمینه‌ها، روش چیدمان موزاییک‌های دربرگیرنده داده‌ها (دیواره ها)، و بسیاری دیگر از عنصرهای ساختار هر صفحه وب را، درون خود جای می‌دهند.

JQuery: تلاش می کند تا بسیاری از دستورات پیچیده JavaScript نظیر فراخوانی هایAJAX  و عملیاتهای DOM را ساده تر کند تا بتوانید این اعمال را بدون این که دانش زیادی درباره JavaScript  داشته باشید به اجرا بگذارید.

پیش نیاز ها:

توانایی کار با سیستم عامل ویندوز

آشنایی مختصر با مفهوم برنامه نویسی

تعداد جسات : 10 جلسه

رده سنی:

بدون محدودیت

نکات ضروری:

به دلیل عملی بودن تمام مباحث مطرح شده و لزوم کار با محیط های برنامه نویسی، توصیه می شود حتماً  لپ تاپ یا نت بوک به همراه داشته باشید.

سرفصل ها:

مقدمه

·        آشنایی با مفاهیم اولیه: اینترنت، وب، وبسایت، طراحی وبسایت

·        معرفی پیش نیازهای لازم برای طراحی یک وبسایت

·        معرفی بخش های تشکیل دهنده یک وبسایت

·        معرفی زبان های برنامه نویسی طراحی سایت و کاربرد آنها در طراحی وب

·        آشنایی اولیه با HTML، CSS و JQuery

·        آشنایی با بهترین محیط های طراحی و توسعه وبسایت

مباحث آموزشی در HTML

·        آشنایی با مفهوم تگ

·        کار با تگ ها و شناخت موارد استفاده از آنها

·        کار با Attribute ها در انواع تگ

·        استفاده از Inline-Style  ها در طراحی یک صفحه

·        استفاده از Meta ها

·        آشنایی با عناصر مختلف تشکیل دهنده ی یک صفحه استاندارد

·        کار با متن

·        کار با Link ها

·        استفاده از تصاویر

·        ساخت Table

·        ساخت List

·        آشنایی با Block ها و کاربرد آنها در ساختار صفحه

·        آشنایی با مفاهیم Class  و ID

·        کار با Iframe

·        آشنایی با تگ Style و آشنایی اولیه با زبان برنامه نویسیCSS  

·        نحوه اتصال فایل های CSS  به صفحه HTML

·        معرفی صفحات سازگار با پلتفرم (Responsibility)

مباحث آموزشی در CSS

·        معرفی زبان برنامه نویسی CSS

·        آشنایی با Selector ها در CSS

·        آشنایی با انواع کد رنگ ها

·        آشنایی با مفهوم انواع Background

·        آشنایی با مفهوم Border

·        آشنایی با مفهوم Margin

·        آشنایی با مفهوم Padding

·        کار با Height و   Width

·        زیباسازی متن

·        کار با فونت ها

·        آشنایی با مفهوم Display

·        آشنایی با مفاهیم Max-Attribute و Min-Attribute

·        آشنایی با مفهوم Overflow

·        کار با Float ها

·        کار با Position ها

مباحث آموزشی در JQuery

·        معرفی زبان های Script

·        معرفی زبان برنامه نویسی   JavaScript

·        معرفی کتابخانه های مختلف JavaScript

·        شروع کار با JQuery

·        کار با Alert

·        آشنایی با Selector ها

·        آشنایی با Event ها

·        کار با Effect ها

 



رمز عبور خود را فراموش کرده ام
ثبت نام