قیمت تومان۴۶۸۰۰۰۰ تومان
اشتراک گذاری :
0 دیدگاه
1915 بازدید
لینک کوتاه :
https://ngacademy.ir/?p=2876
چکیده:
دوره ی جامع طراحی وبسایت یکی از پر مخاطب ترین دوره های طراحی وب سایت است، که این دوره هم به صورت آنلاین و هم به صورت حضوری برگزار می گردد. دوره ی جامع طراحی وب سایت در دسته ی وب و تجارت الکترونیک گنجانده شده است؛ همانطور که می دانید هر صفحه ی وب دو بخش کلاینت و سرور دارد. هر آنچه که در صفحه نمایش داده می شود و کاربر می بیند و به عبارتی کابر از طریق آن با سیستم تعامل برقرار می کند، قسمت کلاینت وب سایت و درخواست کاربر از سیستم برای دریافت اطلاعات را سرور وب سایت گویند. برای طراحی قسمت کلاینت وب سایت شما باید دوره ی جامع طراحی وب سایت را شرکت کنید و برای برنامه نویسی سمت سرور می توان دوره های PHP & MySQL, Django و ... را نام برد
سرفصل ها
- سرفصل دوره Web Design I
- آشنایی با مفهوم و تاریخچه وب و زیرساختهای نرم افزاری و سخت افزاری لازم برای ایجاد، استقرار و نگهداری وب سایت ها
- معرفی مفاهیم شبکه ای مرتبط با وب مانند Domain،Host،Web Server،DNS Server
- معرفی مفاهیم نرم افزاری مرتبط با طراحی وب مانند HTML و CSS
- بررسی مفهوم Markup Language
- بررسی مفهوم Cascading Style Sheet
- تشریح نحوه عملکرد Web Browser ها
- بررسی مفهوم Search Engine
- بررسی مفهوم SEO
- بررسی مفهوم UI (واسط کاربری)
- بررسی مفهوم UX
- بررسی مفهوم Responsive (واکنش گرا)
- بررسی عبارت های مصطلح روز وب مانند Single Page ،Parallax و …
- بررسی مفهوم Tag و ساختار یک سند HTML استاندارد
- بررسی نسخه های HTML و ویژگی ها HTML5
- معرفی DOCTYPE
- آموزش روش آماده سازی بستر طراحی وب و نرم افزار های مربوطه
- معرفی Project Structure در طراحی وب
- ارائه طبقه بندی تگ ها مانند Text Level و Block Level ،List و …
- بررسی نکات مربوط به List ها
- بررسی پاراگراف ها، span و کلیه تگ های طبقه بندی شده
- معرفی مفهوم Attribute
- معرفی مفهوم Comment و دلائل استفاده از آن
- معرفی و ارائه مثال از تگ های مربوط به هر طبقه
- بررسی استاندارد های نامگذاری المانها
- بررسی مفهوم Validation در اسناد HTML
- معرفی CSS
- بررسی نقش CSS در آرایش تگ ها
- معرفی قابلیت های Design Environment مانند منو ها و قسمت های مختلف Dream Weaver
- بررسی روشهای مختلف اعمال Style روی تگها مانند Inline،Internal،External
- معرفی انواع Selector ها در CSS
- بررسی نحوه استفاده از تصاویر در سند HTML
- بررسی انواع File Path
- بررسی مفهوم Save/Export For Web
- بررسی نحوه Load شدن تصاویر
- بررسی پسوندهای مختلف تصاویر
- بررسی تصاویر PNG و مشکلات نمایشی مرورگرها
- بررسی نکات مربوط به تصاویر مانند Transparency و …
- بررسی Image Map
- بررسی نحوه ویرایش و بهینه سازی تصاویر برای وب با نرم افزار های مربوطه
- بررسی نحوه استفاده از تصاویر در Background
- بررسی نکات مربوط به استفاده از تصاویر در Background مانند Repeat و …
- بررسی نحوه استفاده از صدا و تصویر در Background
- معرفی IFrame و روش استفاده از آن
- بررسی روش استفاده از Google Map و سایر موارد مرتبط با IFrame
- ایجاد انیمیشن با تصاویر و ابزار های مربوطه
- بررسی نحوه استفاده از رنگ
- بررسی نحوه استفاده از فونت
- بررسی نکات مربوط به فونت مانند Size و Weight و …
- معرفی انواع فونت ها و پسوندهای مربوطه
- بررسی Icon ها و فونت های گوگل
- بررسی روش استفاده از کاراکترهای خاص در سند HTML
- معرفی مفهوم Hyper Link و نکات مربوط به Navigation
- آشنایی با مفهوم Anchor و Hash
- ایجاد Shortcut برای لینک ها
- بررسی Site Map و روش ایجاد آن
- بررسی روش ایجاد منو و انواع آن
- بررسی روشهای مختلف آدرس دهی لینکها مانند Internal و External
- بررسی نکات جدید HTML5 در مورد لینکها مانند Download
- بررسی تگ Table و اجزاء مختلف آن
- بررسی معایب و مزایای Table
- بررسی نحوه استفاده از Table برای چیدمان
- بررسی نحوه اختصاص اندازه به المانها
- بررسی نکات مربوط به Formatting در Table
- بررسی نکات جدید HTML5 در جداول
- بررسی مفهوم Layout های Tableless
- بررسی Div و نکات مربوطه در حیطه Positioning
- بررسی روش های تقسیم بندی صفحه
- بررسی مفاهیم Margin و Padding
- بررسی Border و نکات مربوطه
- بررسی نکات مربوط به Text مانند Direction ،Decoration ،Align و …
- بررسی نکات مربوط به Positioning در CSS3
- بررسی نکات حرفه ای تر در CSS3 مانند Animation و TransitionBottom of Form
- بررسی انواع Effect ها در CSS3
- بررسی نکات مربوط به Transform در CSS3
- بررسی انواع Layout ها
- بررسی Localization برای زبانهای RTL
- معرفی مفهوم Float و Absolute و …
- معرفی مفاهیم مرتبط با Boxing
- بررسی Form و انواع Input ها
- معرفی تگ های مفهومی HTML 5 و بررسی نقش هر یک
- بررسی امکانات مرتبط با شبکه های اجتماعی
- طرح مشکل نمایش وب سایت در مرورگرهای متفاوت و نکات مربوطه
- بررسی Drag & Drop
- بررسی Canvas و نحوه استفاده از آن
- بررسی SVG و نحوه استفاده از آن
- معرفی Edge و Illustrator و کاربرد آنها
- معرفی Muse و کاربرد آن
- سرفصل دوره Web Design II
- بررسی مفهوم Responsive
- معرفی مفهوم CSS Framework
- معرفی و بررسی تاریخچه BootStrap
- بررسی روش استفاده از BootStrap در یک سند HTML
- معرفی Grid System
- معرفی Media Query
- معرفی انواع سایزها و کلاسهای مرتبط و روش تشخیص Resolution کاربر
- معرفی انواع Layout ها و کلاسهای مرتبط مانند Fluid Layout
- معرفی Fixed Layout
- معرفی Responsive Layout
- بررسی Typography با BootStrap
- بررسی روش ایجاد فرم و کلاسهای مرتبط
- بررسی روش پنهان سازی بخش هایی از سند
- بررسی نکات و کلاسهای مرتبط با جدول
- بررسی نکات و کلاسهای مرتبط با تصاویر
- بررسی روش استفاده از Icon ها
- بررسی روش استفاده از Helper ها
- بررسی نکات . کلاسهای مرتبط با دکمه
- بررسی روش سفارشی سازی BootStrap
- معرفی LESS و SASS و تشریح مزایای استفاده از آنها و تفاوت ها
- بررسی روش نصب و راه اندازی SASS و COMPASS
- بررسی روش ایجاد پروژه و ابزار های گرافیکی مورد استفاده در SASS مانند Scout App و CodeKit و LiveReload
- بررسی روش ایجاد و فشرده سازی یک StyleSheet
- بررسی روش ایجاد متغیرهای در SASS
- بررسی روش ایجاد و استفاده از فایل های Partial
- بررسی الگوهای نوشتاری Nesting
- بررسی روش اتصال Selector ها و رابطه Parent-Child بین Selector ها
- بررسی روش استفاده از @extend برای گسترش قوانین تعریف شده
- بررسی الگوهای نوشتاری Mixins
- بررسی روش های اعمال تغییرات روی رنگ ها
- معرفی پلاگین Susy و نکات مربوطه
- بررسی روش ایجاد Media Query های پیشرفته تر با SASS و MIXINS
- پیاده سازی منطق با SASS
- بررسی روش نگارش و کامپایل LESS
- بررسی روش حل مشکل CROSS BROWSER در LESS
- بررسی Server Side Compilation
- بررسی روش استفاده از Source Map
- بررسی روش Compress و Minimize کردن
- بررسی متودولوژی های OOCSS و SMACSS و BEM
- بررسی روش استفاده از متغیر ها و MIXINS
- بررسی Nested Rule ها
- بررسی انواع عملگرها و توابع
- بررسی روش استفاده از Parent Selector
- بررسی عملیات روی رنگها
- بررسی Media Query ها در LESS
- بررسی روش استفاده از LESS در GRID
- بررسی تعاملات LESS با BOOTSTRAP
- سرفصل دوره Web Design III
- بررسی مفهوم Client Side کد و لزوم وجود امکان برنامه نویسی سمت کلاینت
- معرفی زبان برنامه نویسی Java Script و روش استفاده از آن در یک سند HTML
- بررسی نکات مربوط به تگ Script و محل نوشتن دستورات
- معرفی مفهوم متغیر و ارائه نکات مربوط به متغیر ها در Java Script
- بررسی متغیرهای Local و Global
- بررسی مفهوم Notation و روش رعایت آن در Java Script
- بررسی فایل های js. و روش استفاده از آنها
- بررسی انواع عملگرها
- معرفی مفهوم شرط و ساختارهای بررسی شرط
- بررسی دستور switch
- بررسی مفهوم حلقه و موارد نیاز به حلقه های تکرار
- بررسی انواع حلقه های تکرار
- بررسی حلقه های while ،for و …
- بررسی روش تعریف تابع و نکات مربوطه
- بررسی مفهوم رویداد و روش اداره آن
- بررسی تنوع رویدادهای المانها
- بررسی تفاوت انواع رویدادهای کلید مانند keyup و …
- معرفی مفهوم Anonymous Function و نقش آن در مدیریت رویداد
- معرفی DOM و اجزاء آن و روش دسترسی به آنها
- بررسی انواع روشهای دسترسی به المانها مانند دسترسی بر اساس id و …
- بررسی روش درج، حذف و ویرایش المانها و Node ها
- بررسی روش دسترسی به Node های پدر، فرزند و حالتهای متنوع دسترسی
- معرفی innerText و innerHTML
- معرفی Framework و مفهوم آن و انواع Framework های Java Scrip
- معرفی jQuery و مزایای استفاده از آن
- بررسی روش استفاده از jQuery در یک سند HTML
- بررسی و مقایسه عملیات مختلف مانند اداره رویداد، فراخوانی توابع، مقداردهی به مشخصه ها در jQuery و Java Script
- معرفی Selector های jQuery و نکات مربوطه
- آشنایی با jquery
- آموزش نصب jquery
- چگونگی شیوه کار jquery
- آموزش قواعد نوشتاری در jquery
- آموزش دسترسی به المان های html در jquery
- Select To Every Things آموزش دسترسی به تمام المان ها
- ID Selector آموزش دسترسی به وسیله شناسه
- Tag Name Selector آموزش دسترسی به وسیله ی نام تگ
- Class Selector آموزش دسترسی به وسیله ی کلاس
- Attribute Selector آموزش دسترسی به وسیله ی Attribute
- Selecting Visibility آموزش دسترسی توسط نمایش و عدم نمایش
- Selecting Parents and Children آموزش دسترسی توسط فرزند و پدر
- آموزش رویداد ها در jQuery
- معرفی Effect ها در jQuery
- معرفی مفهوم AJAX و بررسی روش پیاده سازی آن در Java Script و jQuery
- بررسی مزایای AJAX
- معرفی jQuery UI
- بررسی روش استقرار jQuery UI در سند
- بررسی انواع المانهای jQuery UI
مشاهده بیشتر
موارد مرتبط
آموزش بهینه سازی برای موتورهای جستجو – SEO
چکیده:
سئو مخفف عبارت Search Engine Optimization است که کلمات معادلی چون SEO یا بهینه سازی موتور جستجو دارد که همگی آنها به یک معنی می باشند. فاکتورهای زیادی در سئو سایت شما تاثیرگذارند، از کلمات بکار رفته در متن و محتوا تا لینک‌های ورودی به سایت شما از سایت‌های دیگر، گاهی اوقات حصول اطمینان از ساختار مناسب سایت شما برای موتورهای جستجو را سئو مینامیم. در دنیای اینترنت موتورهای جستجوی متعددی وجود دارد اما معروفترین آنها و محبوبترین آنها گوگل می باشد. گوگل موتوری هوشمند است ولی هنوز نیاز به کمک کاربران دارد، آنها همیشه در تلاشند تا نتایج بهتری را به کاربران اینترنتی ارائه دهند، با این حال محدودیت‌هایی در این مسیر وجود دارد که نیاز به سئو سایت را ایجاد میکند. سئو اشتباه میتواند شما را از دید کاربران پنهان کرده و تمام تلاش شما را هدر دهد، در نتیجه رقبای شما با محتوایی ضعیف تر بازدید و محبوبیت بیشتری داشته باشند. در این دوره شما با انواع فن های موجود در سئو آشنا خواهید شد و روش های متعددی را برای بهبود رتبه سایتتان خواهید آموخت.
30
0
1,550,000 تومان
آموزش ReactJS
چکیده:
React یک کتابخانه جاوا اسکریپتی که در سال 2013 توسط Facebook معرفی شد و توانست در سال های گذشته رشد بسیار خوبی در میزان استفاده و علاقه برنامه نویسان به خود پیدا کند. به سال معرفی دقت کنید از سال 2013 معرفی شده ولی معروفیت آن از سال 2017 به بعد بوده و بعد از آن به عنوان محبوب ترین روش SPA ها در طراحی وب اپلیکیشن ها و وب سایت ها مطرح شد. این کتابخانه برای مدیریت لایه های نمایشی برنامه های تحت وب و تلفن همراه استفاده می شود.همچنین ReactJS این امکان را به شما میدهد تا کامپوننت هایی طراحی کنید که در بخش های مختلف پروژها قابل استفاده باشند.
40
0
2,160,000 تومان
آموزش Web Design III (JavaScript & jQuery & Ajax)
جاوا اسکریپت زبان برنامه نویسی است که بیشتر برای برنامه‌های مبتنی بر وب و مرورگرها استفاده می‌شود. جاوا جزو محبوب ترین زبانهای برنامه نویسی محسوب شده و از آن اپلیکیشن های موبایل نیز بهره می‌برند. دلیل این محبوبیت قابلیت‌های جذاب این زبان است؛ به گونه‌ای که با استفاده از جاوا اسکریپت می‌توان به راحتی فایل‌های صوتی تصویری و فایل‌های انیمیشن را به روی سایت بارگذاری کرد، همچنین این زبان به جذاب کردن صفحات سایت کمک بسزایی کرده، به طوری که می‌توان برای محصولات خود بر روی سایت تایمر تخفیفی گذاشت و یا رنگ سایت را به صورت لحظه‌ای و با حرکت ماوس تغییر داد. یکی از فریم ورک هایی که می‌توان برای جاوا اسکریپت در نظر گرفت، جی کوئری (JQuery) است؛ در واقع می‌توان گفت جی کوئری به طراح وب کمک میکند تا طراحی سایت با جاوا اسکریپت را به راحتی انجام دهد. توجه داشته باشید که برای آموزش جی کوئری، به یک سری پیش نیازها نیاز دارید که این پیش نیازها را می‌توان HTML، CSS و JavaScript دانست؛ بنابراین اگر شما یکباره طراحی سایت را از JQuery شروع کرده اید، بهتر است پیش از شروع محتواهای نام برده شده را آموزش ببینید. جی کوئری را می‌توان یک کتابخانه سبک برای جاوا اسکریپت در نظر گرفت که امکان انجام امور طراحی سایت را برای شما راحت و کم حجم تر میکند. به طور مثال اگر قرار است شما در جاوا چندین خط برای یک بخش کد نویسی کنید، با جی کوئری می‌توانید این کد را در یک خط کوتاه انجام دهید. از دیگر مزیت و ویژگی‌هایی که برای این ابزار در نظر گرفته شده است، می‌توان به ساده سازی بسیاری از دستورهای جاوا اسکریپت اشاره کرد. از مواردی که با استفاده از این ابزار ساده می‌شود، می‌توان به AJAX و DOM اشاره کرد. در واقع می‌توان گفت شما با استفاده از کتابخانه JQuery توانایی انجام امور گوناگونی را خواهید داشت که این امور شامل مواردی چون ایجاد افکت‌های مختلف و انیمیشن، تغییر و دست‌کاری در CSS، تغییر و دست‌کاری در DOM و AJAX و ... است.
58
0
2,340,000 تومان
نظرات
متوسط امتیازات
جزئیات امتیازات
نقد و بررسی‌ها
هیچ دیدگاهی برای این محصول نوشته نشده است.