اگر به فکر طراحی یک وبسایت هستید. به حوزه برنامهنویسی سایت علاقهمند هستید و میخواهید با مباحث طراحی سایت آشنا شوید این آموزش مناسب شماست. در این آموزش شما را با زبان HTML به عنوان زبان نشانه گذاری صفحات وب و همچنین با زبان CSS برای استایل دهی و زیبا سازی صفحات وب آشنا خواهیم کرد. سپس به سراغ آموزش JavaScript میرویم و کنترل بیشتری بر فرآیند طراحی را به دست می گیریم. پس از آن به سراغ فریم ورک بوت استرپ رفته و به منظور سادگی و بهبود ظاهری توسعه وب از این فریم ورک محبوب استفاده خواهیم کرد و به عنوان پروژه پایانی صفحه اصلی و محصول یک فروشگاهی اینترنتی را به صورت کامل پیادهسازی میکنیم.
990.000 تومان Original price was: 990.000 تومان.594.000 تومانCurrent price is: 594.000 تومان.
یادگیری مباحث پایه در وب یکی از مهمترین مواردی است که فقط برنامهنویسان حرفهای به این مهم رسیدهاند. در این قسمت شما با اصول و مباحث پایه طراحی وبسایت از صفر آشنا میشوید.
▪️ آشنایی با شبکه و معماری اینترنت ▪️ آشنایی با توپـولوژی شبکه و انواع آن ▪️ آشنایی با پروتکل و پروتکلهای وب ▪️ پروتکل HTTP ▪️ پروتکل HTTPS ▪️ پروتکل SSL/TLS ▪️ پروتکل DNS ▪️ و …
▪️ مفاهیم پایه وبسایت و سرور ▪️ آشنایی با میزبان وب یا Host ▪️ آشنایی با طراحی و توسعه وب ▪️ انواع روشهای پیادهســازی وبسایت ▪️ مسیر یادگیری Front-end ▪️ مسیر یادگیری Back-end
▪️ آشنایی با مباحث پایه HTML ▪️ درج محتوای متنی و قالببندی محتوای متنی ▪️ Heading ▪️ Paragraph ▪️ Text Formatting ▪️ Quotation ▪️ درج محتوای بصری(تصویر، ویدیو و فایل صوتی) ▪️ بررسی پیوندها در HTML ▪️ بررسی لیستها در HTML ▪️ OL یا Ordered ▪️ UL یا Unordered ▪️ بررسی جدول در HTML ▪️ بررسی فرمها در HTML ▪️ آموزش تگهای مفهومی و DIV در HTML ▪️ بررسی مفهوم سئو و نکات آن در HTML
بعد از آشنایی با HTML و نحوه ایجاد ساختار صفحات نوبت به ورود به دنیای رنگ و زیبایی میشود. مسلما داشتن یک ساختمان با اسکلت خالی بدون رنگ و لعاب جذابیتی ندارد. پس داشتن یک سایت بی روح و رنگ هم جذاب نیست. پس در ادامه با CSS آشنا میشویم و میبینیم چگونه میتوان به کمک دستورات CSS ظاهری جذاب برای سایت خودمان ایجاد کنیم.
▪️ شروع کار با CSS ▪️ CSS چیست و چه کاربردی دارد؟ ▪️ آشنایی و کار با Selector ▪️ رنگها در CSS و تنظیم رنگ المانها ▪️ آشنایی و کار با Background و انواع آن ▪️ کار با Border و حاشیه المانها ▪️ استایلدهی به متون و تنظیمات آن ▪️ کار با Font ها در CSS ▪️ انیمیشن و Transition ▪️ آشنایی و کار با FlexBox ▪️ طراحی واکنشگرا
JavaScript که به اختصار JS نیز نامیده میشود، یکی از محبوبترین زبانهای برنامه نویسی است. جاوا اسکریپت زبانی سطح بالا، داینامیک، شیگرا و تفسیری است که از شیوههای مختلف برنامه نویسی پشتیبانی میکند. از این زبان میتوان برای برنامه نویسی سمت سرور (Server Side)، اپلیکیشنهای موبایل، بازی و اپلیکیشنهای دسکتاپ استفاده کرد.
▪️ آشنایی با جاوا اسکـریپت ▪️ آشنایی با انواع داده و متغیرها در جاوا اسکریپت ▪️ آشنایی با انواع عملگرها در جاوا اسکریپت ▪️ پنجرهها ▪️ دستورات کنترل فرایند ▪️ حلقهها و کاربردهای آنها در جاوا اسکریپت ▪️ تابع چیست و چه کاربردی دارد؟ ▪️ آشنایی با نحوه نوشتن توابع در جاوا اسکریپت ▪️ رویدادها ▪️ مدیریت خطا ▪️ آشنایی با DOM یا Document Object Model ▪️ توابع کاربردی
در این بخش ابتدا به آشنایی با Bootstrap که شامل دستورات HTML، CSS و توابع جاوا اسکریپت جهت تولید و نمایش فرم ها، دکمه ها، تب ها، ستون ها و سایر المان های مورد نیاز طراحی وب می باشد. آشنای خواهیم شد . سپس صفر تا صد پیاده سازی صفحه اول و صفحه محصول یک فروشگاه اینترنتی آشنا خواهیم شد.
خروجی نهایی پروژه این دوره را میتوانید از لینک زیر مشاهده نمایید.
خروجی نهایی پروژه
jQuery یک کتابخانه یا به عبارتی دیگر یک فریم ورک برای زبان جاوا اسکریپت است. هدف اصلی این کتابخانه این است که استفاده از جاوا اسکریپت را در طراحی وبسایت آسانتر سازد.
▪️ چطور از jQuery استفاده کنیم؟ ▪️ تفاوت استفاده از jQuery با جاوا اسکریپت ▪️ آشنایی با انتخابگر ها در jQuery ▪️ انتخاب بر اساس المان خاص ▪️ انتخاب بر اساس ID ▪️ انتخاب بر اساس Class
▪️ آشنایی با رویداد ها در jQuery ▪️ نحوه مدیریت کد بر اساس رویداد ▪️ آشنایی با رویدادها
▪️ آشنایی با Effectها در jQuery ▪️ مخفی کردن و نمایش دادن المان ▪️ افکت Fade ▪️ افکت Slide ▪️ افکت Animate
▪️ آشناییی با دستکاری DOM در jQuery ▪️ دریافت المان و محتوای آن ▪️ اضافه کردن المان جدید ▪️ حذف المان ▪️ مدیریت استایل CSS المان
رضا هاشمیان تجربه حدود ۶ ساله در حوزه برنامهنویسی سمت سرور دارد و در این مدت، پروژههای نرمافزاری متنوعی از قبیل اتوماسیون هوشمند ساخت طلا و جواهر، پیادهسازی سیستم مدیریت یادگیری آنلاین (LMS)، و ایجاد صرافی رمزارز را با موفقیت به انجام رسانده است. او همچنین فعالیتهای حرفهای خود را در پلتفرم آپورک آغاز کرده […]
در این دوره آموزش طراحی وب – صفر تا سایت، HTML 5 و CSS 3 استفاده خواهد شد.
در این دوره آموزشی، با مفاهیم طراحی وب، زبان نشانه گذاری HTML، جاوا اسکریپت، CSS آموزش داده میشوند. علاوهبراین، بهواسطه این دوره، با بوت استرپ و کتابخانه JQuery آشنا میشوید و روند طراحی صفحه اصلی و صفحه محصول یک فروشگاه اینترنتی را فرا میگیرید.
این دوره پیشنیازی ندارد و شما میتوانید بهراحتی برای مشاهده آن اقدام کنید.
بله؛ در این دوره، طراحی صفحه اصلی دیجی کالا بهعنوان یک پروژه کاربردی آموزش داده خواهد شد.
در طراحی وب، اصول طراحی واکنشگرا (Responsive Design) به تکنیکها و رویکردهایی اشاره دارد که به توسعهدهندگان وب اجازه میدهد تا صفحات وب را بهصورت خودکار و بهینهشده، در تمامی دستگاهها و اندازههای صفحه نمایشگر نمایش دهند. این اصول، استفاده از الگوهای طراحی انعطافپذیر، مانند چیدمانهای مبتنیبر Grid و سیستمهایی را شامل میشود که میتوانند بهطور پویا، به ابعاد و تغییرات صفحه نمایش پاسخ دهند. در این دوره، مباحث موردنیاز مربوط به طراحی ریسپانسور شرح داده میشوند.
در این دوره آموزشی، از Visual Studio Code استفاده میشود. شما میتوانید برای نصب این ویرایشگر، به وبسایت آن مراجعه کرده و آن را دانلود کنید.
بله؛ در دوره آموزش طراحی صفر تا سایت ، اعتبارسنجی در لایه فرانت موردبررسی قرار گرفته است.
در این دوره آموزشی، فریمورک بوت استرپ و کتابخانه jQuery مورد استفاده قرار میگیرند. بوت استرپ فریمورک محبوبی برای توسعهی فرانت-اند است که به ساخت وبسایتها و وب اپلیکیشن بهشکل واکنشگرا و با اولویت نمایش برروی موبایل کمک میکند.
jQuery یک کتابخانه جاوا اسکریپت سریع، کوچک و پر از قابلیت است که برنامهنویسی سمت کاربر (Client-Side) را در توسعه وب سادهسازی میکند. این کتابخانه به توسعهدهندگان اجازه میدهد تا بهراحتی به ویرایش اسناد HTML، مدیریت رویدادها، اجرای انیمیشنها و افزودن قابلیت تعامل به وبسایتها بپردازند.
خیر؛ در دوره آموزش طراحی وب – صفر تا سایت، به مباحثی مانند SASS و LESS پرداخته نمیشود.
Flexbox یک مدل چیدمان CSS است که برای ایجاد Layout های انعطافپذیر و پیچیده در وبسایتها استفاده میشود. با استفاده از Flexbox، میتوانید بهراحتی المانها را در امتداد یک محور (بهصورت عمودی یا افقی) یا هردو محور بهصورت انعطافپذیر مرتبسازی کنید. این روش به شما اجازه میدهد که بهراحتی عناصر را بههم وصل کنید، فضا را توزیع کرده و چیدمانهای پیچیده، مانند Grid های گسترده و نمایشگرهای ترکیبی، ایجاد کنید.
طراحی UX/UI فرآیندی است که در آن، با درک نیازمندیها و رفتارهای کاربران، رابطهای کاربری بصری و کاربرپسند ایجاد میشود. این فرآیند با استفاده از وایرفریمها، پروتوتایپها و تحقیقات کاربری انجام میشود. ازسوی دیگر، در توسعه فرانتاند، این طراحیها با استفاده از HTML ، CSS و جاوا اسکریپت به کدهای کاربردی برای ساختن رابطهای کاربری تعاملی و واکنشگرا پیادهسازی میشوند.
طراحان UX/UI بر کلیت تجربه کاربری و زیباییشناسی رابط کاربری تمرکز دارند و توسعهدهندگان فرانتاند اطمینان حاصل میکنند که این طراحیها به رابطهای کاربری قابل استفاده ترجمه شده و در دستگاهها و مرورگرهای مختلف قابل دسترس و سازگار باشند.
استفاده از فونتهای آیکون در طراحی وب، ادغام آیکونهای مبتنیبر وکتور مانند Font Awesome یا Material Icons در وبسایتها ازطریق CSS یا تگهایی را شامل میشود که نمایش آیکونهای باکیفیت و مقیاسپذیر را در دستگاهها و اندازه صفحههای مختلف امکانپذیر میکند.
معمولاً پس از دانلود فایلهای فونت (با پسوند woff. یا woff2.)، در پوشه پروژه ذخیرهسازی شده و در CSS برای اختصاصدادن آیکونها با استفاده از نامهای کلاس خاص ارجاع داده میشوند. سپس آیکونها با استفاده از تگهای <i> یا <span> بههمراه نام کلاس مربوطه در HTML پیادهسازی میشوند و این امکان را برای توسعهدهندگان فراهم میکند تا آنها را با ویژگیهای CSS مانند اندازه، رنگ و افکتهای هاور (hover) سفارشیسازی کنند. این رویکرد نهتنها ظاهر بصری را بهبود میبخشد؛ بلکه با کاهش درخواستهای تصویر، عملکرد سایت را نیز ارتقا میدهد و آن را به روشی مناسب برای طراحی وب مدرن تبدیل میکند.
هدف اصلی ما در نیک آموز، ارائه بهروزترین آموزشهای حوزه پایگاه داده، برنامهنویسی و هوش تجاری است. به همین دلیل، سعی داریم با ارائه تمرینهای اضافه و سناریوهای تعمیمیافته، به شما کمک کنیم تا مفاهیم سرفصل را بهتر از قبل بیاموزید.
علاوهبراین، براساس اینکه در طول زمان چه میزان تغییراتی در محتوای دوره آموزشی ایجاد شود، تخفیفهای مناسبی (۵۰٪ الی ۱۰۰٪) به خریداران دورههای پیشین تعلق میگیرد. در شرایطی که بهروزرسانی دوره، به افزایش مثالها یا Feature های خاصی محدود شود، این موارد بهصورت رایگان در اختیار شما قرار خواهد گرفت تا شما بتوانید دورهای که از قبل تهیه کردهاید را به بهترین شکل ممکن درک کنید و مهارتهای خود را مطابق با آپدیتها گسترش دهید. ضمن اینکه میتوانید تا مدت زمان شش ماه، از پشتیبانی (پرسشوپاسخ فنی) برخوردار شوید.
بله؛ میتوانید ازطریق اسنپ پی، بهراحتی این دوره آموزشی را تهیه کنید. کافیست در اسنپ پی، حساب کاربری ایجاد کرده و پس از ورود به صفحه نیک آموز، دوره موردنظر را تهیه کنید. اگر بخواهید از خرید اقساطی بهعنوان روش پرداخت هزینه استفاده کنید، تنها یکچهارم آن را در ابتدا پرداخت خواهید کرد. شما میتوانید با مطالعه راهنمای خرید اقساطی دوره آموزشی با اسنپ پی با مراحل آن آشنا شوید.
این دوره بهصورت دانلودی و دارای لایسنس پخش است. شما میتوانید این دوره را در پلیر اختصاصی مجموعه، با نام اسپات پلیر، مشاهده کنید. توجه کنید که پس از تهیه این دوره، یک کلید لایسنس منحصربهفرد در پنل کاربری شما قرار میگیرد. درصورتیکه به لایسنسهای بیشتری نیاز داشته باشد، میتوانید با پرداخت هزینه آن، از این مزیت برخوردار شوید. توجه کنید که تمام فایلهای مربوط به دوره، شامل سورس کدها و جزوات، همگی در اسپات پلیر قابل دسترس شما هستند. برای اطلاعات بیشتر، به راهنمای مشاهده محصولات آموزشی محافظت شده نیک آموز مراجعه کنید.
درصورت تمایل به دریافت فاکتور رسمی، پیش از خرید خود، با واحد فروش مجموعه (17 00 07 91 – 021) تماس حاصل نمایید. لطفاً توجه کنید که پس از خرید آنلاین از سایت مجموعه، به هیچ عنوان امکان صدور فاکتور رسمی وجود نخواهد داشت.
این دوره آموزشی در استودیو اختصاصی نیک آموز تهیه شده است و در آن، مفاهیم طراحی وب شرح داده شده است. نحوه ارائه دوره بهگونهای است که شما میتوانید تمام مباحث را فرا بگیرید و مثالها و سناریوها را همزمان با مدرس بررسی کنید.
شما میتوانید با مراجعه به فرم درخواست مشاوره تخصصی از متخصصان نیک آموز مشاوره دریافت کنید و با بهکارگیری مهارتهای تجربی تیم ما، در ارتباط با پروژههای تخصصی خود راهنمایی دریافت کنید.
بله؛ در نیک آموز امکان برگزاری دورههای سازمانی بهصورت تخصصی فراهم شده است. به منظور ثبت درخواست، کافی است اطلاعات خود و دوره سازمانی مدنظر را در فرم درخواست آموزش سازمانی ثبت کنید تا ما با شما تماس بگیریم.
برای اینکه بتوانید در ارتباط با برنامهنویسی، مشاوره / تدریس خصوصی بگیرید، لطفاً فرم درخواست مشاوره مدرسین را تکمیل نمایید تا کارشناسان ما با شما تماس بگیرند.
بله؛ شما میتوانید از مشاورههای نیک آموز بهعنوان راهنما در مسیر خود استفاده کنید. برای این منظور، لطفاً شماره خود را در فرم مشاوره صفحه دوره وارد کنید تا مشاوران نیک آموز با شما تماس بگیرند.
Δ
ذخیره نام، ایمیل و وبسایت من در مرورگر برای زمانی که دوباره دیدگاهی مینویسم.
این که استاد در بخش html از خصوصیات div یا spam مثل مارجین اینا حرف نزد آیا منطقی هست ؟؟
سلام و عرض ادب درابتدا لازم به ذکر است که Spam صحیح نبوده و span می باشد. همچنین، مواردی مانند margin و padding و… در بخش css بررسی شده است. سپاس از توجه شما
استاد من چند تا سوال دیگه از قسمت جاوا پرسیدم اونا رو لطف میکنید جواب بدید
ممنون
سلام این دوره برای کسانی که مثل من مدام درگیری ذهنی و مشغله کاری دارند دوره خوبی هست و اگر هم کارکنان شما با تلاش و پشتکار فراوانی که دارند می توانند بی نقص باشند.
ما برای دیدن این دوره همیشه باید از اینترنت استفاده کنیم ؟ اگه بخوایم افلاین ببینیم باید چه کنیم ؟!
سلام و عرض ادب شما در پلت فرم اسپات پلیر یک بار به اینترنت متصل میشوید و دوره را دانلود و مشاهده میکنید ، و بعد از آن برای تماشای دوره میتوانید به صورت آفلاین و بدون استفاده از اینترنت اقدام نمایید .
با سلام مباحث ارتباط با دیتا بیس هم توضیح داده میشه؟
با سلام و عرض ادب
خیر در این دوره مباحث طراحی وب شامل HTML , CSS , JavaScript آموزش داده شده است.
با سلام میخواستم بدونم آیا این دوره به صورت فیزیکی ارسال میشه یا به صورت آنلاین هست
سلام این دوره در یک پلیر اختصاصی قابل مشاهده است، بعد از ثبت نام در دوره کلید لایسنس اختصاصی در پنل کاربری شما قرار می گردد و از طریق راهنمای مشاهده محصولات محافظت شده طبق لینک زیر میتوانید این دوره را به راحتی ملاحظه نمایید.
https://nikamooz.com/nikamooz-courses-guide/
درخواست مشاوره در مورد دوره های آموزشی
سلام و عرض ادب جناب آقای همایونی بزرگوار مشاوران نیکآموز به زودی با شما تماس خواهند گرفت.
با سلام و عرض ادب با توجه به علاقه من به برنامه نویسی و همچنین طراحی صفحات وب متاسفانه فرصت شرکت در کلاسهای حضوری را ندارم با جستجو در اینترنت بسیار خوشحال شدم که با سایت شما آشنا شدم و شما بالاخره آرزوی من را برآورده کردید . انشالله با دریافت حقوقم در اولین فرصت دوره آموزشی شما را تهیه خواهم کرد برای شما صمیمانه آرزوی سلامتی و موفقیت دارم .