آموزش توسعه فول استک وب با ویو جی‌اس، نود جی‌اس، مانگودی‌بی و جاوا اسکریپت - آخرین آپدیت

دانلود Full Stack Web Development with Vue Js, NodeJS, MongoDB, JS

نکته: ممکن هست محتوای این صفحه بروز نباشد ولی دانلود دوره آخرین آپدیت می باشد.
نمونه ویدیوها:
توضیحات دوره:

پروژه‌های Vue و Vuejs، توسعه کامل پشته وب با HTML، CSS، Bootstrap، Javascript، NodeJS، MongoDB، Express JS.

چگونه یک برنامه وب با Vue، Vue JS ایجاد کنیم.

Vue، vue js، vuejs، nuxt، vue .js، vue 3، nuxt js، vuex.

Vue JS چیست؟

مهمترین مباحث Vuejs.

چگونه با vue-router در vue js یک برنامه وب چند صفحه‌ای ایجاد کنیم.

چگونه داده‌های برنامه خود را با vuex مدیریت کنیم.

چگونه با استفاده از vue و vuex بزرگترین و پیشرفته‌ترین برنامه‌ها را بسازیم.

چه در حال ساخت یک برنامه کامل تک صفحه‌ای باشید و چه صرفاً تعاملی بودن را به برنامه موجود خود اضافه کنید، Vue js طیف وسیعی از ابزارها را برای کمک به شما در انجام کارتان دارد.

اگر به دنبال یک چارچوب وب جاوا اسکریپت هستید که شما را در پیچیدگی غرق نکند، نگاهی به Vue js بیندازید.

Vuejs آنچه را که چارچوب‌های دیگر قبلاً انجام داده‌اند، می‌گیرد، اما به روشی تازه و آسان برای استفاده آن را انجام می‌دهد.

متغیرهای جاوا اسکریپت چیستند، چرا از آنها استفاده می‌شود.

منطق بولی جاوا اسکریپت چیست.

چگونه فایل JS را در HTML CSS Javascript وارد کنیم.

عبارات شرطی (if else، switch case، عملگر سه‌تایی) چیستند، چگونه در جاوا اسکریپت از آنها استفاده کنیم.

چگونه توابع جاوا اسکریپت بنویسیم، تفاوت بین تعریف تابع و عبارت تابع چیست.

حلقه‌های جاوا اسکریپت (حلقه‌های for، حلقه‌های while، دستورات continue و break) چیستند، چگونه از آنها استفاده کنیم.

چگونه آرایه‌های جاوا اسکریپت ایجاد کنیم، متدهای آرایه (push، pop، shift، unshift ...) ، تکرار آرایه.

چگونه اشیاء جاوا اسکریپت ایجاد کنیم، چگونه آنها را به‌روزرسانی کنیم، متدهای شیء.

DOM چیست، چگونه DOM را در جاوا اسکریپت دستکاری کنیم.

جاوا اسکریپت یک زبان برنامه‌نویسی کامپیوتری متنی است که برای ایجاد صفحات وب پویا استفاده می‌شود.

جاوا اسکریپت چیست؟ جاوا اسکریپت یک زبان برنامه‌نویسی شیءگرا، پویا، مبتنی بر نمونه اولیه و با پرانتزهای مجعد است.

جاوا اسکریپت زبانی است که به کاربران امکان می‌دهد با وب سایت‌هایی که بازدید می‌کنند تعامل داشته باشند و این آن را به یک زبان بسیار مهم برای توسعه وب تبدیل می‌کند.

کاربردهای اصلی جاوا اسکریپت چیست؟ جاوا اسکریپت یک زبان برنامه‌نویسی متنی است که برای توسعه سمت کلاینت و سمت سرور استفاده می‌شود.

React در مقابل Angular در مقابل Vue: بهترین چارچوب جاوا اسکریپت کدام است؟ انتخاب بهترین چارچوب جاوا اسکریپت برای پروژه وب شما بستگی به آنچه در جستجوی آن هستید دارد.

JSON چیست و برای چه چیزی استفاده می‌شود؟ به دلیل تکامل زبان جاوا اسکریپت، جاوا اسکریپت تکنیک‌های مختلفی برای ایجاد اشیاء دارد.

با تمام IDE های مختلف جاوا اسکریپت موجود، بهترین گزینه به نحوه استفاده شما و همچنین ترجیحات شخصی شما بستگی دارد.

Bootstrap 4 و UI ها را از ابتدا بیاموزید.

استفاده از آخرین HTML5 و CSS3 برای افزودن استایل منحصر به فرد به Bootstrap را بیاموزید.

قالب‌ها و UI های با کیفیت بالا Bootstrap 4 را بیاموزید و ایجاد کنید.

هر جزء Bootstrap را یاد بگیرید.

کامپایل Sass را به ساده‌ترین روش ممکن با استفاده از GUI بیاموزید.

یک دوره فشرده از سیستم گرید Bootstrap را با طرح‌بندی قالب دریافت کنید.

نحوه افزودن انیمیشن اسکرول وب سایت را به هر جزء Bootstrap یا عنصر HTML بیاموزید.

HTML و CSS

ایجاد سایت‌های استاتیک HTML را بیاموزید.

با یادگیری اصول CSS، دانش خود را گام به گام بهبود خواهیم داد.

با صحبت در مورد تمام مدل‌های چیدمان در CSS، صفحات را به ساده‌ترین شکل قرار دادن را خواهیم آموخت.

یک صفحه فرود زیبا و واکنش‌گرا برای هر کسی ایجاد کنید.

آماده‌سازی صفحات وب با ویژگی‌های Grid CSS و Flexbox آسان‌تر خواهد بود.

شما تگ‌های اساسی را که معمولاً استفاده می‌شوند، یاد خواهید گرفت.

شما قادر خواهید بود لیست‌ها را در فرمت‌های مختلف آماده کنید.

تفاوت در استفاده بین عناصر سطح بلوک و درونی در HTML را بیاموزید.

با یادگیری استفاده از جدول HTML، قادر خواهید بود طرح‌های مختلف خود را ایجاد کنید.

با یادگیری ساختار فرم، قادر خواهید بود صفحات ورود و ثبت نام کاربر را که معمولاً استفاده می‌شوند، ایجاد کنید.

در دنیای در حال توسعه، تمام جزئیات مربوط به طراحی وب سازگار با صفحه‌های مختلف را بررسی خواهیم کرد.

مانند تمام دوره‌های ما، شما با انجام مثال‌های عملی زیادی یاد خواهید گرفت.

Bootstrap یک چارچوب توسعه وب فرانت اند رایگان برای ایجاد وب سایت‌های واکنش گرا است.

Bootstrap رویکرد اول موبایل را به طراحی وب ترویج می‌دهد و مجموعه‌ای از قالب‌ها و اجزاء را ارائه می‌دهد که به طور خودکار برای استفاده در هر دستگاهی نمایش داده می‌شوند.

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

HTML مخفف زبان علامت‌گذاری فرا-متن است. چه در دستگاه تلفن همراه و چه در کامپیوتر، هر وب سایتی که مرور می‌کنید با HTML طراحی شده است.

HTML یک زبان قالب‌بندی است، نه یک زبان برنامه‌نویسی. جاوا اسکریپت اغلب برای پویا کردن HTML ضروری است.

یادگیری نحوه کدنویسی HTML بدون یادگیری CSS مانند یادگیری خواندن اما ننوشتن است.

صفحات سبک آبشاری (CSS) چیست؟ CSS یا صفحات سبک آبشاری یک زبان صفحه سبک است که برای سبک‌دهی به زبان علامت‌گذاری استفاده می‌شود.

CSS برای هر شغلی که شامل توسعه وب است، کاربرد دارد. طراحان وب قالب‌ها، طرح‌های اولیه و سبک‌های وب سایت را با استفاده از HTML و CSS ایجاد می‌کنند.

یادگیری پایگاه داده سند منبع باز و پایگاه داده NoSQL که به عنوان MongoDB شناخته می‌شود را بیاموزید.

نصب MongoDB

منطق پشت ذخیره‌سازی داده‌های MongoDB.

محبوب‌ترین کتابخانه مدل‌سازی داده شیء برای MongoDB، Mongoose JS.

یادگیری اجرای عملیات CRUD - نوشتن کوئری‌ها برای ایجاد، خواندن، به‌روزرسانی و حذف.

دستورات ترمینال را برای مدیریت پایگاه داده درک کنید.

ویژگی‌های پیشرفته MongooseJS.

بهترین چارچوب تست برای NodeJS، Mocha.

یاد بگیرید MongoDB چقدر آسان است.

MongoDB یک فروشگاه داده با محوریت سند است که شروع آن آسان است اما با رشد برنامه شما به خوبی مقیاس پذیر می‌شود.

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

MongoDB یک پایگاه داده با محوریت سند است که برای امکان مقیاس‌پذیری برنامه‌های توسعه‌دهندگان برای پاسخگویی به تقاضاهای مقیاس‌پذیری طراحی شده است.

MongoDB دارای یک مدل سند انعطاف‌پذیر است که امکان بهره‌وری توسعه سریع را فراهم می‌کند تا بتوانید برنامه‌های بهتری را سریع‌تر منتشر کنید.

Nodejs برای توسعه برنامه‌های بلادرنگ در جاوا اسکریپت ضروری است و در توسعه وب‌سایت‌هایی مانند eBay و PayPal نقش اساسی داشته است.

به Nodejs بپردازید، فناوری وب سرور با رشد سریع را به سرعت بیاموزید و درک کنید که چگونه NodeJS با دوره Node کار می‌کند!

با یادگیری فناوری وب سرور رو به رشد، Nodejs، می‌توانید مهارت‌های خود را بهبود بخشید، شغل جدیدی پیدا کنید و برنامه‌های وب قدرتمند و قوی بسازید.

مفاهیم کلیدی NodeJS را بیاموزید.

یاد بگیرید چگونه سرورها را ایجاد کنید و نحوه کارکرد آنها را درک کنید.

Event Emitter را درک و استفاده کنید.

بافرها، استریم‌ها و پایپ‌ها را درک کنید.

با NodeJS مسیریابی را بیاموزید.

مفاهیم کلیدی Express JS را بیاموزید.

پارامترهای مسیر Express.

Middleware و فایل‌های استاتیک.

کوئری استرینگ‌ها.

پیش‌نیازها:

چگونه بزرگترین و پیشرفته‌ترین برنامه‌ها را با vue، vue js و vuex به راحتی بسازیم.

تمایل به یادگیری در مورد vue، vue js، vuejs، nuxt، vue .js، vue 3، nuxt js، vuex.

تمایل به یادگیری جاوا اسکریپت و پروژه‌های جاوا اسکریپت.

تمایل به ساخت وب سایت با html css bootstrap.

این دوره شما را از ابتدا تا سطح پیشرفته می‌برد.

تماشای کامل ویدئوهای سخنرانی تا انتها و به ترتیب.

قاطعیت و صبر برای یادگیری.

تمایل و انگیزه برای تکمیل موفقیت‌آمیز آموزش.

تمایل به یادگیری جاوا اسکریپت مدرن.

تمایل به یادگیری کتابخانه‌های جاوا اسکریپت؛ React، Angular، NodeJS.

تمایل به یادگیری Bootstrap 4 و توسعه پروژه‌های bootstrap 4.

تمایل به یادگیری برنامه‌های جاوا اسکریپت.

بدون نیاز به دانش قبلی Bootstrap، HTML CSS.

شما Bootstrap را از ابتدا یاد خواهید گرفت.

تمایل به یادگیری HTML، CSS، Bootstrap.

کامپیوتر با دسترسی به اینترنت.

هیچ چیز دیگری! فقط شما، کامپیوترتان و جاه طلبی شما برای شروع امروز.

درک پایه جاوا اسکریپت.

هر دستگاهی که بتوانید دوره را در آن تماشا کنید، مانند تلفن همراه، کامپیوتر یا تبلت.

قاطعیت برای یادگیری MongoDB، Mongoose، Nosql، mongodb.

تمایل به داشتن دانش مفصل در مورد MongoDB.

هیچ چیز دیگری! فقط شما، کامپیوترتان و جاه طلبی شما برای شروع امروز.

تمایل به یادگیری توسعه کامل پشته وب با استفاده از MongoDB.

تمایل به یادگیری توسعه کامل پشته MERN، nodejs، express، mongodb.

توانایی نصب نرم افزار بر روی کامپیوتر شما.

دانش پایه HTML.

درک پایه جاوا اسکریپت.

هیچ چیز دیگری! فقط شما، کامپیوترتان و جاه طلبی شما برای شروع امروز.

دسترسی مادام العمر، به‌روزرسانی دوره، محتوای جدید، در هر زمان، در هر مکان، در هر دستگاه.

Vue، vue js، vuejs، nuxt، vue.js، vue 3، nuxt js، veux، javascript، javascript projects، front end web development، nodejs، node js

bootstrap، bootstrap 4، bootstrap project، html، css، full stack web development، full stack development، web development.

سلام،

به دوره "توسعه کامل پشته وب با Vue Js، NodeJS، MongoDB، JS" خوش آمدید.

پروژه‌های Vue و Vuejs، توسعه کامل پشته وب با Html، Css، Bootstrap، Javascript، NodeJS، MongoDB، Express Js.

Vue (مانند view تلفظ می‌شود) یک چارچوب توسعه فرانت اند برای JavaScript (JS) است که می‌توانید از آن برای ساخت رابط‌های کاربری وب استفاده کنید. همچنین می‌توانید از vue js برای ایجاد برنامه‌های تک صفحه‌ای و مدیریت انیمیشن‌ها، عناصر تعاملی و گرافیک‌ها استفاده کنید. تولید پروژه‌ها با پیش‌تنظیمات ساخته شده توسط کاربر نیز امکان‌پذیر است که معمولاً برای برنامه‌نویسانی که در محیط‌های سازمانی کار می‌کنند، کاربرد دارد. از آنجایی که vuejs بر اساس JavaScript ساخته شده است، به راحتی می‌توانید Vue را در یک پروژه JS موجود ادغام کنید. Nodejs، node js، node، node.js، nestjs، mongodb، Mongodb، nosql، mongoose، mongodb برای مبتدیان، mongodb، پایگاه داده nosql، mongo، javascript، پروژه‌های جاوا اسکریپت.

چه در تلاش برای ساخت یک برنامه کامل تک صفحه‌ای باشید و چه صرفاً بخواهید کمی تعاملی بودن را به برنامه موجود خود اضافه کنید، Vue.js طیف وسیعی از ابزارها را برای کمک به شما در انجام کارتان دارد و این دوره می‌تواند به شما کمک کند تا به سرعت شروع به کار کنید.

اگر به دنبال یک چارچوب وب جاوا اسکریپت هستید که شما را در پیچیدگی غرق نکند، نگاهی به Vue.js بیندازید. Vue.js آنچه را که چارچوب‌های دیگر قبلاً انجام داده‌اند، می‌گیرد، اما به روشی تازه و آسان برای استفاده آن را انجام می‌دهد. استفاده از Vue.js به شما امکان می‌دهد تا بر روی برنامه خود تمرکز کنید نه بر روی چارچوب خود.

JavaScript یک زبان برنامه‌نویسی بسیار مهم برای برنامه‌های اینترنتی است.

در اینجا نحوه عملکرد کد JavaScript آورده شده است، نه فقط نحوه عملکرد آن. زیرا در دنیای امروز جاوا اسکریپت، علاوه بر نوشتن کد، باید بدانید که چگونه این موضوع را اشکال‌زدایی کنید و بتوانید هر کد جاوا اسکریپت نوشته شده را بخوانید.

به بیش از 12 میلیون یادگیرنده بپیوندید و جاوا اسکریپت را در Udemy آموزش ببینید. از میان طیف گسترده‌ای از دوره‌های جاوا اسکریپت با بالاترین امتیاز انتخاب کنید. از توسعه بک‌اند گرفته تا ساخت برنامه‌ها یا وب سایت، ما شما را تحت پوشش قرار داده‌ایم. کارشناسان دنیای واقعی ما می‌توانند شما را از طریق پروژه‌های عملی برای به‌کارگیری مهارت‌هایتان راهنمایی کنند.

JavaScript یک زبان برنامه‌نویسی کامپیوتری متنی است که برای ایجاد صفحات وب پویا استفاده می‌شود. یادگیری جاوا اسکریپت برای توسعه‌دهندگان یا برنامه‌نویسان مشتاق ضروری است و می‌توان از آن برای ویژگی‌هایی مانند اسلایدهای تصویری، نمایش شمارش معکوس و تایمر و پخش رسانه در یک صفحه وب استفاده کرد. با کلاس‌های آنلاین جاوا اسکریپت، می‌توانید نحوه ساخت برنامه‌های وب تعاملی، انتخاب بهترین چارچوب و کار با زبان‌های برنامه‌نویسی دیگر مانند HTML و CSS را بیاموزید.

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

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

MongoDB یک پایگاه داده با محوریت سند است که برای امکان مقیاس‌پذیری برنامه‌های توسعه‌دهندگان برای پاسخگویی به تقاضاهای مقیاس‌پذیری طراحی شده است. MongoDB دارای یک مدل سند انعطاف‌پذیر است که امکان بهره‌وری توسعه سریع را فراهم می‌کند تا بتوانید برنامه‌های بهتری را سریع‌تر منتشر کنید.

یادگیری Node.js راهی عالی برای ورود به توسعه وب بک‌اند یا گسترش تمرین توسعه فول‌استک شما است. با دوره‌های عملی Node.js Udemy، می‌توانید مفاهیم و کاربردهای این محیط زمان اجرای جاوا اسکریپت بسیار مفید را بیاموزید.

Node.js برای توسعه برنامه‌های بلادرنگ در جاوا اسکریپت ضروری است و در توسعه وب‌سایت‌هایی مانند eBay و PayPal نقش اساسی داشته است. Node بر اساس یک حلقه رویداد طراحی شده است که امکان مدیریت آسان توابع ناهمزمان را فراهم می‌کند. این امر آن را به یک محیط محبوب برای توسعه‌دهندگان مدرن که روی برنامه‌های چت و بازی کار می‌کنند، تبدیل کرده است.

Node.js یک محیط زمان اجرای جاوا اسکریپت منبع باز، چند پلتفرمی و بک‌اند است که بر روی موتور V8 اجرا می‌شود و کد جاوا اسکریپت را خارج از مرورگر وب اجرا می‌کند.

Express. js یک چارچوب برنامه وب رایگان و منبع باز برای Node. js است. این برای طراحی و ساخت سریع و آسان برنامه‌های وب استفاده می‌شود.

Express یک چارچوب وب سریع، قاطع، ضروری و متوسط برای Node.js است. شما می‌توانید Express را به عنوان لایه‌ای در نظر بگیرید که بر روی Node.js ساخته شده است و به مدیریت سرور و مسیرها کمک می‌کند. این یک مجموعه قوی از ویژگی‌ها را برای توسعه برنامه‌های وب و موبایل ارائه می‌دهد.

چه علاقه‌مند به تسلط بر طراحی وب واکنش‌گرا، ایجاد قالب‌های وردپرس با استفاده از Bootstrap، یا ادغام Bootstrap با HTML5 و CSS3 باشید، آکادمی Oak یک دوره با بالاترین امتیاز برای کمک به دستیابی به اهداف شما دارد.

Bootstrap یک چارچوب توسعه وب فرانت اند رایگان برای ایجاد وب سایت‌های واکنش گرا است. Bootstrap رویکرد اول موبایل را به طراحی وب ترویج می‌دهد و مجموعه‌ای از قالب‌ها و اجزاء را ارائه می‌دهد که به طور خودکار برای استفاده در هر دستگاهی نمایش داده می‌شوند.

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

HTML یک "زبان برنامه‌نویسی" نیست، بلکه یک "زبان قالب‌بندی" است. این به مرورگر می‌گوید که چگونه متن، تصاویر و سایر عناصر رسانه را نمایش دهد.

یادگیری نحوه کدنویسی HTML بدون یادگیری CSS مانند یادگیری خواندن اما ننوشتن است. تمام کار سخت توسعه وب شما از بین می‌رود اگر آن را برای اندازه‌های مختلف صفحه بهینه نکنید. Udemy دوره‌های با بالاترین امتیاز را برای نشان دادن اینکه CSS چگونه به شما در انجام این کار کمک می‌کند، دارد.

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

CSS یا Cascading Style Sheets یک زبان صفحه سبک است که برای سبک‌دهی به زبان علامت‌گذاری استفاده می‌شود. زبان‌های علامت‌گذاری شامل HTML، XHML، XML و سایر زبان‌های مبتنی بر XML هستند. رایج‌ترین استفاده از CSS، سبک‌دهی به صفحات وب HTML است. اگرچه HTML برای کار کردن به CSS نیازی ندارد، اما بدون آن هر صفحه وب یکسان به نظر می‌رسد. با CSS، می‌توانید عناصر خاصی را در یک صفحه وب هدف قرار دهید و ظاهر و چیدمان صفحه را تغییر دهید. CSS می‌تواند یک تصویر جاسازی شده را کوچک کند یا کل صفحه وب را به عنوان پس‌زمینه بپوشاند. می‌توانید یک عنوان را بزرگ کنید و یک فونت خاص را برای برجسته شدن از بقیه صفحه اعمال کنید.


در این دوره شما نحوه توسعه برنامه‌های وب با Vue JS، Vuex را از ابتدا یاد خواهید گرفت.

اگر قصد دارید برنامه وب رویایی خود را بسازید، این دوره برای شما مناسب است.

ما Vue و Vuex را از مبتدی تا تمام سطوح توضیح داده‌ایم. ما تمام موضوعات را با مثال‌ها، اسلایدها و نمودارها تا حد امکان ساده توضیح داده‌ایم.

ما هنگام توضیح موضوعات، پروژه‌های زیادی ایجاد کرده‌ایم. زیرا معتقدیم آموزش‌های کاربردی بسیار مفیدتر از سایر روش‌های تدریس هستند.

ما تمام موضوعات را با مثال‌ها و برنامه‌های ساده و نمودارهای توضیحی به گونه‌ای توضیح داده‌ایم که دانش‌آموز در تمام سطوح بتواند درک کند.

در این آموزش خواهید آموخت؛


  • چگونه یک برنامه وب با Vue JS ایجاد کنیم.

  • مهمترین موضوعات Vue JS.

  • چگونه یک برنامه وب چند صفحه‌ای با vue-router ایجاد کنیم.

  • چگونه داده‌های برنامه خود را با vuex مدیریت کنیم.

  • چگونه بزرگترین و پیشرفته‌ترین برنامه‌ها را با استفاده از vue و vuex به راحتی بسازیم.

  • چگونه می‌توانید روی متغیرها در javascript کار کنید،

  • منطق بولی در جاوا اسکریپت،

  • چگونه یک عبارت شرطی در جاوا اسکریپت ایجاد کنیم،

  • چگونه می‌توانید با حلقه‌ها در جاوا اسکریپت تراکنش انجام دهید،

  • چگونه یک تابع ایجاد می‌شود و چرا در جاوا اسکریپت به آرگومان نیاز دارد،

  • چگونه آرایه‌ها و اشیاء، که ساختارهای داده اصلی هستند، در جاوا اسکریپت ایجاد می‌شوند،

  • چگونه دستکاری DOM در جاوا اسکریپت انجام می‌شود،

  • شما آنچه را که آموخته‌اید با آزمون‌های کد در دوره ما خواهید آموخت و فرصت آزمایش خواهید داشت.

  • استفاده از آخرین HTML5 و CSS3 را برای افزودن استایل منحصر به فرد به Bootstrap بیاموزید.

  • قالب‌ها و UI های با کیفیت بالا Bootstrap 4 را از ابتدا بیاموزید و ایجاد کنید.

  • هر جزء Bootstrap را یاد بگیرید.

  • کامپایل Sass را به ساده‌ترین روش ممکن با استفاده از GUI بیاموزید.

  • یک دوره فشرده از سیستم گرید Bootstrap را با طرح‌بندی قالب دریافت کنید.

  • نحوه افزودن انیمیشن اسکرول وب سایت را به هر جزء Bootstrap یا عنصر HTML بیاموزید.

  • منطق پشت ذخیره‌سازی داده‌های MongoDB.

  • محبوب‌ترین کتابخانه مدل‌سازی داده شیء برای MongoDB، Mongoose JS.

  • نوشتن کوئری‌ها برای عملیات ایجاد، خواندن، به‌روزرسانی و حذف.

  • ویژگی‌های پیشرفته MongooseJS.

  • بهترین چارچوب تست برای NodeJS، Mocha.

  • MongoDB

  • Mongoose

  • Nosql

  • توسعه کامل پشته وب برای پایگاه داده MongoDB.

  • MongoDB برای مبتدیان.

  • Mongo DB.

  • Node js می‌تواند محتوای صفحه پویا را تولید کند.

  • Node.js می‌تواند فایل‌ها را در سرور ایجاد، باز، خواندن، نوشتن، حذف و ببندد.

  • node js می‌تواند داده‌های فرم را جمع‌آوری کند.

  • node.js می‌تواند داده‌ها را در پایگاه داده شما اضافه، حذف، تغییر دهد.

  • NodeJS

  • Express JS.

  • Node.JS

  • توسعه وب بک‌اند با چارچوب nodejs و express.

  • توسعه وب بک‌اند با توسعه کامل پشته وب.


Vue JS چیست؟

Vue (مانند view تلفظ می‌شود) یک چارچوب توسعه فرانت اند برای JavaScript (JS) است که می‌توانید از آن برای ساخت رابط‌های کاربری وب استفاده کنید. همچنین می‌توانید از آن برای ایجاد برنامه‌های تک صفحه‌ای و مدیریت انیمیشن‌ها، عناصر تعاملی و گرافیک‌ها استفاده کنید. تولید پروژه‌ها با پیش‌تنظیمات ساخته شده توسط کاربر نیز امکان‌پذیر است که معمولاً برای برنامه‌نویسانی که در محیط‌های سازمانی کار می‌کنند، کاربرد دارد. از آنجایی که بر اساس جاوا اسکریپت ساخته شده است، به راحتی می‌توانید Vue را در یک پروژه JS موجود ادغام کنید. Vue از معماری سنتی Model-View-Controller (MVC) استفاده می‌کند، به این معنی که کتابخانه اصلی Vue.js به طور پیش‌فرض بر لایه view تمرکز دارد. این یک جریان داده یک‌طرفه بین اجزاء را اجباری می‌کند. این همچنین ادغام آن را با کتابخانه‌ها یا پروژه‌های موجود برای شما آسان می‌کند. Vue همچنین از DOM مجازی (Document Object Model) استفاده می‌کند که آن را سریع‌تر از DOM معمولی می‌کند. به جای بازسازی کل صفحه، Vue فقط اشیایی را که تغییر می‌دهید به‌روزرسانی می‌کند.

تفاوت بین Vue و React چیست؟

اگرچه Vue معماری MVC دارد، اما نمی‌توانید از آن با رویکرد معماری متفاوتی استفاده کنید که با معماری مبتنی بر کامپوننت (CBA) مورد استفاده در React متفاوت است. آنها همچنین در نحوه بهینه‌سازی داده‌ها متفاوت هستند. هنگامی که حالت یک کامپوننت در React تغییر می‌کند، این امر باعث بازسازی کل زیردرخت کامپوننت می‌شود که از آن کامپوننت به عنوان ریشه شروع می‌شود. Vue وابستگی‌های یک کامپوننت را در طول رندر آن به طور خودکار ردیابی می‌کند، بنابراین سیستم می‌داند کدام کامپوننت‌ها واقعاً نیاز به بازسازی دارند وقتی حالت تغییر می‌کند. در React، همه چیز در جاوا اسکریپت است. از طرف دیگر Vue، فناوری‌های وب مانند HTML، CSS و JavaScript را در بر می‌گیرد و به شما امکان می‌دهد از آنها استفاده کنید. تفاوت دیگر بین این چارچوب‌ها نحوه مقیاس‌بندی پروژه‌های شما است. React فقط یک قالب واحد ارائه می‌دهد که فرض می‌کند شما در حال ساخت یک برنامه تک صفحه‌ای هستید، در حالی که Vue چندین گزینه پیش‌فرض برای اهداف مختلف و سیستم‌های ساخت ارائه می‌دهد.

آیا یادگیری Vue JS آسان است؟

یادگیری Vue JS می‌تواند آسان باشد. برخلاف سایر فناوری‌های فرانت اند، Vue نیازی به دانش عمیق از کتابخانه‌ها ندارد. اگر می‌خواهید یادگیری Vue را شروع کنید، تنها چیزی که نیاز دارید، دانش پایه HTML، CSS و جاوا اسکریپت است. در مقایسه با سایر فناوری‌های کدنویسی، توسعه‌دهندگان معمولاً Vue.js را با منحنی یادگیری آسان دسته‌بندی می‌کنند. این عمدتاً به دلیل شهرت Vue برای داشتن سبک و الگوهای برنامه‌نویسی زیبا است. از آنجایی که Vue یک چارچوب پیشرو است، ادغام آن در یک پروژه موجود را برای شما آسان می‌کند. به دلیل نحو قالب‌بندی آشنا و استفاده از کامپوننت‌ها، ممکن است ادغام یا مهاجرت پروژه‌های موجود به Vue نسبتاً ساده باشد. Vue به دلیل ارائه اکوسیستم وسیعی از ابزارها و کتابخانه‌های همراه شناخته شده است، که آن را به یک چارچوب ساده تبدیل می‌کند که می‌توانید از آن برای پاسخگویی به نیازهای پیچیده برنامه‌های در سطح سازمانی استفاده کنید.

Vuex برای چه چیزی استفاده می‌شود؟

Vuex یک الگو و کتابخانه مدیریت حالت برای برنامه‌های Vue.js است. این به عنوان یک فروشگاه متمرکز برای تمام کامپوننت‌های برنامه عمل می‌کند، با قوانینی که اطمینان حاصل می‌کند که حالت فقط به روشی قابل پیش‌بینی قابل تغییر است.

تفاوت بین Vue و Vuex چیست؟

Vue یک چارچوب پیشرو جاوا اسکریپت است و Vuex ابزار مدیریت حالت است. ما می‌توانیم از redux یا flux در Vue استفاده کنیم، اما Vuex بومی Vue است.

چرا به Vuex نیاز دارم؟

Vuex یک راه محبوب برای مدیریت احراز هویت برنامه‌های پیچیده در Vue است. با Vuex، شما می‌توانید در دسترس بودن توکن و کنترل‌های دسترسی و مسدود کردن مسیرها را در سراسر برنامه خود مدیریت کنید. Mutations، getters و setters به این کار کمک می‌کنند.

فروشگاه Vuex چگونه کار می‌کند؟

این با داشتن یک فروشگاه مرکزی برای حالت اشتراکی کار می‌کند و روش‌هایی را برای اجازه دادن به هر کامپوننت در برنامه شما برای دسترسی به آن حالت فراهم می‌کند. در اصل، Vuex تضمین می‌کند که نماهای شما با داده‌های برنامه شما سازگار باقی می‌مانند، صرف نظر از اینکه کدام تابع باعث تغییر داده‌های برنامه شما می‌شود.

چه زمانی باید از آن استفاده کنم؟

Vuex به ما کمک می‌کند تا مدیریت حالت اشتراکی را با هزینه مفاهیم بیشتر و کد اضافی مدیریت کنیم. این یک مبادله بین بهره‌وری کوتاه مدت و بلند مدت است.

اگر هرگز یک SPA در مقیاس بزرگ ساخته‌اید و مستقیماً به Vuex می‌روید، ممکن است پرحرف و ترسناک به نظر برسد. این کاملاً طبیعی است - اگر برنامه شما ساده است، به احتمال زیاد بدون Vuex خوب خواهید بود. ممکن است یک الگوی فروشگاه ساده (پنجره جدید را باز می‌کند) تمام چیزی باشد که نیاز دارید. اما اگر در حال ساخت یک SPA در مقیاس متوسط ​​تا بزرگ هستید، احتمالاً با موقعیت‌هایی روبرو شده‌اید که باعث می‌شود به نحوه مدیریت بهتر حالت خارج از کامپوننت‌های Vue خود فکر کنید و Vuex گام طبیعی بعدی برای شما خواهد بود.

جاوا اسکریپت چیست؟

JavaScript یک زبان برنامه‌نویسی شیءگرا، پویا، مبتنی بر نمونه اولیه و با پرانتزهای مجعد است. این زبان به عنوان زبان برنامه‌نویسی وب آغاز شد و یکی از سه لایه فناوری‌های استاندارد وب است - دو لایه دیگر عبارتند از HTML و CSS. جاوا اسکریپت به شما امکان می‌دهد محتوا را به صورت پویا در یک صفحه وب ایجاد و کنترل کنید بدون اینکه نیاز به بارگذاری مجدد صفحه باشد. مرورگرهای وب می‌توانند آن را تفسیر کنند و هنگامی که توسط رویدادها فعال می‌شوند، HTML و CSS یک صفحه وب را با به‌روزرسانی‌های پویا تغییر می‌دهند. جاوا اسکریپت همچنین از فراخوانی‌های ناهمزمان برای دریافت داده از خدمات وب در پس‌زمینه استفاده می‌کند. اگرچه در ابتدا فقط در مرورگرهای وب استفاده می‌شد، اما موتورهای جاوا اسکریپت از آن زمان برای استفاده در سرورها با Node.js، گنجانده شدن در چارچوب‌های برنامه‌های دسکتاپ مانند Electron و تعبیه شدن در چارچوب‌های تلفن مانند Apache Cordova استفاده شده‌اند.

چرا جاوا اسکریپت مهم است؟

جاوا اسکریپت زبانی است که به کاربران امکان می‌دهد با وب سایت‌هایی که بازدید می‌کنند تعامل داشته باشند و این آن را به یک زبان بسیار مهم برای توسعه‌دهندگان وب تبدیل می‌کند. در گذشته، بیشتر توسعه‌دهندگان بر روی بک‌اند تمرکز داشتند؛ جاوا اسکریپت فقط زمانی مرتبط بود که نیاز به استفاده از جلوه‌های بصری داشتند. با تکامل توسعه وب و تغییر تمرکز به تجربه کاربری، برنامه‌نویسان شروع به تکیه زیاد بر جاوا اسکریپت برای کد فرانت اند خود کردند. امروزه، بیشتر سایت‌ها از جاوا اسکریپت برای دریافت و ارسال داده‌ها، استفاده از منطق و تولید HTML در مرورگرها استفاده می‌کنند. جاوا اسکریپت همچنین می‌تواند به طور ناهمزمان با سرورهای داده در پس‌زمینه ارتباط برقرار کند بدون اینکه تعامل کاربر در پیش‌زمینه را مختل کند. این ویژگی‌ها جاوا اسکریپت را نه تنها یک زبان مهم، بلکه یک زبان ضروری برای توسعه وب مدرن می‌کند.

کاربردهای اصلی جاوا اسکریپت چیست؟

جاوا اسکریپت یک زبان برنامه‌نویسی متنی است که برای توسعه سمت کلاینت و سمت سرور استفاده می‌شود. توسعه‌دهندگان وب از زمان پیدایش از جاوا اسکریپت برای افزودن تعامل ساده به صفحات وب مانند مودال‌ها، عناصر متحرک یا اسلایدهای تصویری استفاده کرده‌اند. در حالی که این هنوز یکی از کاربردهای اصلی آن است، جاوا اسکریپت برای ساخت برنامه‌های وب کامل تکامل یافته است. SPA ها یا برنامه‌های تک صفحه‌ای، به چارچوب‌های مبتنی بر جاوا اسکریپت مانند React، Angular و Vue برای ارائه تجربه برنامه شبیه دسکتاپ در مرورگر متکی هستند. با این حال، لازم به ذکر است که مرورگرهای وب مکان‌هایی نیستند که از زبان برنامه‌نویسی به خوبی استفاده کنند. جاوا اسکریپت همچنین برای ساخت خدمات وب و زیرساخت بک‌اند با Node.js محبوب است. چارچوب‌های React Native، Xamarin، Ionic و NativeScript از جاوا اسکریپت برای توسعه برنامه‌های تلفن نیز استفاده می‌کنند.

React در مقابل Angular در مقابل Vue: بهترین چارچوب جاوا اسکریپت کدام است؟

انتخاب بهترین چارچوب جاوا اسکریپت برای پروژه وب شما بستگی به آنچه در جستجوی آن هستید دارد. React یک چارچوب محبوب است، به این معنی که اگر به کمک نیاز داشته باشید، پشتیبانی زیادی از جامعه خواهید یافت. همچنین یادگیری آن نسبتاً آسان در نظر گرفته می‌شود اما با سرعت بالایی در حال توسعه است. Angular چارچوبی است که اتصال داده‌ها را آسان می‌کند تا بتوانید برنامه را سریع‌تر قالب‌بندی کنید. همچنین از کتابخانه RxJS برای ساده‌سازی برنامه‌نویسی ناهمزمان و Typescript (که به جاوا اسکریپت کامپایل می‌شود) برای فرآیند توسعه تمیزتر و خطای کمتر استفاده می‌کند. برخی از معایب Angular این است که ممکن است منحنی یادگیری شیب‌دار و پیچیده‌ای داشته باشد. Vue یک چارچوب سبک است، بنابراین یادگیری آن آسان، بسیار کارآمد و انعطاف‌پذیر است. برخی از معایب Vue شامل پلاگین‌های محدود و انعطاف‌پذیری آن می‌تواند منجر به کد نامنظم شود.

JSON چیست و برای چه چیزی استفاده می‌شود؟

به دلیل تکامل زبان جاوا اسکریپت، جاوا اسکریپت تکنیک‌های مختلفی برای ایجاد اشیاء دارد. اما در نهایت در پس‌زمینه، جاوا اسکریپت از نحوی به نام JSON استفاده می‌کند. JSON مخفف JavaScript Object Notation است و یک فرمت متنی استاندارد است که برای نمایش اشیاء در جاوا اسکریپت استفاده می‌شود. همان انواع داده‌های اساسی که در جاوا اسکریپت نمایش داده می‌شوند را می‌توان در JSON نیز نمایش داد، از جمله رشته‌ها، اعداد، آرایه‌ها، بولی‌ها و اشیاء جاوا اسکریپت. اگرچه JSON بر اساس شیء جاوا اسکریپت است، اما فقط در جاوا اسکریپت استفاده نمی‌شود. همچنین به دلیل سادگی و حجم کم فرمت، به عنوان فرمتی برای انتقال داده از مرورگر وب به سرور و بالعکس استفاده می‌شود. فرمت JSON به همین منظور در API های REST استفاده می‌شود و XML را به عنوان فرمت استاندارد برای بسیاری از API ها جایگزین کرده است. به همین دلیل، تقریباً هر زبانی که استفاده می‌کنید روشی برای تبدیل داده‌ها به JSON برای تعامل با API های REST خواهد داشت.

AJAX چیست و برای چه چیزی استفاده می‌شود؟

AJAX مخفف Asynchronous JavaScript and XML است. AJAX فناوری است که توسعه‌دهندگان برای ایجاد برنامه‌های وب بهتر، سریع‌تر و تعاملی‌تر از آن استفاده می‌کنند. AJAX از XHTML برای محتوا، CSS برای استایل‌دهی صفحه و JavaScript برای کنترل پویا محتوا استفاده می‌کند. AJAX به شما امکان می‌دهد یک صفحه وب را بدون بارگذاری مجدد صفحه به‌روزرسانی کنید (این تکنیک "SPA" یا Single Page Application نامیده می‌شود)، داده‌ها را برای صفحه پس از بارگذاری آن درخواست کنید، داده‌ها را پس از بارگذاری صفحه دریافت کنید و داده‌ها را در پس‌زمینه به سرور ارسال کنید. علی‌رغم اینکه XML بخشی از مخفف AJAX است، AJAX می‌تواند داده‌ها را در هر قالبی، از جمله JSON یا متن ساده، ارسال و دریافت کند. در حالی که برنامه‌های وب سنتی از روش‌های همزمان برای ارسال و دریافت اطلاعات از سرور وب استفاده می‌کنند، AJAX می‌تواند از فراخوانی‌های API ناهمزمان در پس‌زمینه بدون مسدود کردن فعالیت در مرورگر استفاده کند. AJAX یک فناوری مبتنی بر داده است تا فناوری مبتنی بر صفحه.

چگونه جاوا اسکریپت را به خودآموزی کنم؟

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

بهترین IDE برای جاوا اسکریپت چیست؟

با تمام IDE های مختلف جاوا اسکریپت موجود، بهترین گزینه به نحوه استفاده شما و همچنین ترجیحات شخصی شما بستگی دارد. Webstorm یک IDE محبوب جاوا اسکریپت از JetBrains است. تجزیه و تحلیل کد استاتیک سریع، تست یکپارچه، تاریخچه محلی، بازسازی کد و اشکال‌زدایی را ارائه می‌دهد. در حالی که IDE نیاز به اشتراک پولی دارد، بسیاری از توسعه‌دهندگان به دلیل سازگاری آن با JavaScript، HTML و CSS به آن سوگند یاد می‌کنند. کسانی که به دنبال یک گزینه رایگان هستند، ممکن است VS Code را ترجیح دهند. این IDE با هدف عمومی و منبع باز دارای IntelliSense، یکپارچگی Git و ویژگی‌های اشکال‌زدایی داخلی است. بسیاری از افزونه‌های شخص ثالث برای افزودن زبان و ویژگی‌های برنامه‌نویسی جدید در دسترس هستند که آن را به یکی از انعطاف‌پذیرترین گزینه‌ها تبدیل می‌کند. Atom یک IDE با هدف عمومی دیگر است که در بین توسعه‌دهندگان جاوا اسکریپت محبوب است. همچنین رایگان، منبع باز است و افزونه‌های شخص ثالث برای افزودن عملکرد دارد.

Node.Js چیست و برای چه چیزی استفاده می‌شود؟

Node.Js یک محیط سرور است که برای برنامه‌های شبکه سریع و با مقیاس‌پذیری آسان ساخته شده است. این بر روی زمان اجرای جاوا اسکریپت کروم ساخته شده است و از یک مدل مبتنی بر رویداد و غیر مسدود کننده استفاده می‌کند که آن را برای برنامه‌هایی که بر روی دستگاه‌های توزیع شده اجرا می‌شوند و نیاز به اجرا در زمان واقعی دارند، مناسب‌ترین می‌سازد. با استفاده از جاوا اسکریپت، node.Js می‌تواند توسط بسیاری از توسعه‌دهندگان نرم‌افزار آشنا با جاوا اسکریپت به کار گرفته شود. از آنجایی که کد منبع باز است، می‌توانید از آن در هر پلتفرمی (Mac OS، Windows یا Linux) نیز استفاده کنید. Node.js معماری ساخت وب سایت‌ها و برنامه‌های بلادرنگ است زیرا یادگیری آن برای تیم‌ها آسان است و سریع است. نمونه‌هایی از برنامه‌هایی که از node.Js استفاده می‌کنند شامل برنامه‌های کنفرانس ویدئویی، سرورهای چت، نرم‌افزار تجارت الکترونیک و بازی‌های آنلاین مشارکتی است.

مزایای Node.Js چیست؟

Node.Js منبع باز است، به این معنی که یک کد رایگان برای همه توسعه‌دهندگان است. علاوه بر این، به این معنی است که جامعه پر جنب و جوشی از کاربران و برنامه‌نویسان Node.Js وجود دارد که همگی به پایگاه دانش اضافه می‌کنند. بسیاری خوشحالند که طعم کد خود را با سایر توسعه‌دهندگان به اشتراک می‌گذارند، و به طور کلی، محیط Node.Js به طور مداوم بهبود می‌یابد. از آنجایی که Node.Js از جاوا اسکریپت استفاده می‌کند، تعداد زیادی از توسعه‌دهندگان وجود دارند که این محیط را درک می‌کنند و می‌توانند در آن کدنویسی کنند. همچنین یک محیط نسبتاً ساده برای یادگیری اعضای جدید تیم است که آن را به گزینه‌ای کارآمد برای تیم‌های توسعه با افرادی که نیاز به آموزش دارند تبدیل می‌کند. Node.Js بر اساس فناوری Push به جای سوکت‌های وب توسعه یافته است، به همین دلیل است که انتخاب ترجیحی برای برنامه‌های ارتباطی بلادرنگ و برنامه‌هایی که نیاز به مقیاس‌پذیری بالا دارند.

منظور از اینکه Node.Js یک سیستم زمان اجرا است، چیست؟

سیستم زمان اجرا پلتفرمی است که یک برنامه نرم‌افزاری در آن اجرا می‌شود. این اساساً محیطی است که مجموعه نرم‌افزار و سخت‌افزاری را که به یک برنامه اجازه می‌دهد تا اجرا شود، در بر می‌گیرد. Node.Js یک سیستم زمان اجرا است زیرا محیط لازم را برای اجرای برنامه‌ها در آن فراهم می‌کند و هیچ کد یا سخت‌افزار اضافی مورد نیاز نیست. از آنجایی که Node.Js از جاوا اسکریپت استفاده می‌کند، یک سیستم زمان اجرا است که چارچوبی را فراهم می‌کند که در آن می‌توانید از جاوا اسکریپت برای ایجاد و اجرای برنامه‌ها استفاده کنید. سپس زبان برنامه‌نویسی جاوا اسکریپت (که بسیار محبوب است) به طور خودکار به کد ماشین برای سخت‌افزار ترجمه می‌شود تا برنامه را در زمان واقعی اجرا کند. این یک سیستم کارآمد است و آن را به انتخاب ترجیحی برای بسیاری از شرکت‌های نرم‌افزاری و فناوری تبدیل می‌کند.

معماری میکروسرویس چیست و چگونه می‌توان از Node.Js برای آن استفاده کرد؟

معماری میکروسرویس یک سبک یا روش توسعه نرم‌افزار است که در آن ماژول‌های تک‌عملکردی منشأ می‌گیرند. هر کدام عملیات و رابط کاربری بسیار مشخصی دارند و می‌توانند به طور مستقل مستقر شوند. در اصل، این روشی برای توسعه ماژول‌هایی است که می‌توانید آنها را از یک برنامه یا اپلیکیشن به برنامه دیگر دوباره استفاده کنید. هنگامی که یک برنامه ایجاد می‌کنید، مجموعه‌ای از ماژول‌ها است که به طور کامل آزمایش شده‌اند و به خوبی نگهداری می‌شوند. ماژول‌ها معمولاً حول قابلیت‌های مختلف خاص کسب‌وکار ساخته می‌شوند و سپس هنگام استقرار به عنوان بخشی از یک برنامه، به طور ضعیفی به سایر ماژول‌ها متصل می‌شوند. شما می‌توانید از Node.Js در معماری میکروسرویس به عنوان زبان انتخابی برای یک، چند یا همه میکروسرویس‌ها (یا ماژول‌ها) استفاده کنید. زیبایی میکروسرویس‌ها این است که می‌توانید بهترین زبان را برای میکروسرویس خاص انتخاب کنید. اما در جایی که برنامه‌های بسیار مقیاس‌پذیر و سریع مورد نیاز است، Node.Js یک رقیب برتر خواهد بود.

HTML چیست و چرا مهم است؟

HTML مخفف hyper-text markup language است. چه در دستگاه تلفن همراه و چه در کامپیوتر، هر وب سایتی که مرور می‌کنید با HTML طراحی شده است. HTML یک "زبان برنامه‌نویسی" نیست، بلکه یک "زبان قالب‌بندی" است. این به مرورگر می‌گوید که چگونه متن، تصاویر و سایر عناصر رسانه را نمایش دهد. هنگامی که HTML برای اولین بار توسعه یافت، نسبتاً ساده بود. به عنوان مثال، متن روی یک صفحه می‌توانست پررنگ، کج یا زیرخط‌دار باشد و تصاویر را می‌توانست اندازه و تراز کند. امروزه HTML بسیار پیچیده‌تر و پویا‌تر است و به توسعه‌دهندگان فرانت اند اجازه می‌دهد تا هر طرح‌بندی یا تنظیماتی را که می‌خواهند ایجاد کنند.

چرا CSS و Javascript برای HTML مهم هستند؟

HTML یک زبان قالب‌بندی است، نه یک زبان برنامه‌نویسی. جاوا اسکریپت اغلب برای پویا کردن HTML ضروری است. در حالی که HTML می‌تواند متن را روی صفحه نمایش دهد، جاوا اسکریپت می‌تواند این متن را به‌روزرسانی کند یا آن را حرکت دهد. جاوا اسکریپت هم برای توسعه فرانت اند و هم بک‌اند، دست در دست HTML، برای ایجاد طرح‌های وب پیچیده و جذاب استفاده می‌شود. در همین حال، CSS (Cascading Style Sheets) برای سازماندهی ظاهر و حس یک وب سایت و آسان‌تر کردن به‌روزرسانی و دستکاری وب سایت استفاده می‌شود. امروزه، HTML، CSS و Javascript اغلب برای توسعه طرح‌های وب واکنش‌گرا استفاده می‌شوند - طرح‌هایی که برای تجربه کاربری بهتر به محیط کاربر واکنش نشان می‌دهند.

عنصر HTML چیست و چرا مهم است؟

HTML بر اساس یک پایه ماژولار طراحی شده است، به این معنی که هر بخش از صفحه وب دارای "مکان" خاصی است. عنصر HTML بخشی از صفحه است. عناصر رایج HTML شامل "

" برای "پاراگراف" و "" برای "عنوان" صفحه است. در واقع، کل صفحه HTML در عنصر "<html>" قرار دارد. عناصر با تگ‌ها شروع و پایان می‌یابند، بنابراین یک عنوان به صورت زیر نوشته می‌شود: "<title>این عنوان صفحه است." سازماندهی کد به این شکل ارجاع و کنترل آن را آسان‌تر می‌کند. هر عنصر همچنین می‌تواند ویژگی‌هایی داشته باشد. به عنوان مثال، تگ "

" (پاراگراف) را می‌توان در جهت خاصی تراز کرد. اینها بلوک‌های ساختاری اصلی HTML هستند و اکثر طراحان باید ابتدا آنها را یاد بگیرند.

آیا HTML یک زبان برنامه‌نویسی است؟

HTML به عنوان یک زبان برنامه‌نویسی در نظر گرفته نمی‌شود، بلکه یک زبان نشانه‌گذاری یا قالب‌بندی است. این یک تمایز مهم است. زبان‌های قالب‌بندی صرفاً نحوه نمایش اشیاء را در سطح بصری کنترل می‌کنند، در حالی که زبان‌های برنامه‌نویسی پویا‌تر هستند؛ آنها از گیت‌های منطقی برای تعیین رفتار یک برنامه استفاده می‌کنند. اما برخی هم‌پوشانی وجود دارد. به عنوان مثال، "DHTML" به Dynamic HTML اشاره دارد. این نوعی HTML است که با جاوا اسکریپت تقویت شده تا آن را در لحظه آسان‌تر تنظیم کند. از آنجایی که HTML، جاوا اسکریپت و CSS اغلب با هم استفاده می‌شوند، می‌توانند با هم ترکیب شوند که می‌تواند به برخی از سردرگمی‌ها در مورد اینکه آیا HTML یک زبان برنامه‌نویسی است، کمک کند.

آیا یادگیری HTML سخت است؟

HTML به عنوان یکی از آسان‌ترین زبان‌ها برای یادگیری شناخته می‌شود. همچنین یکی از همه‌گیرترین‌ها است. بسیاری از افراد علاقه‌مند به توسعه فرانت اند، بک اند یا فول استک، ابتدا HTML را یاد می‌گیرند. در حالی که HTML عمدتاً برای وب سایت‌ها به عنوان یک زبان در نظر گرفته شده است، در بسیاری از برنامه‌های دیگر نیز استفاده می‌شود. به عنوان مثال، هنگامی که امضای ایمیل ایجاد می‌کنید، معمولاً از HTML استفاده خواهید کرد. خود ایمیل‌ها از ترکیبی از HTML و CSS استفاده می‌کنند. یک مزیت (و گاهی اوقات شمشیر دولبه) برای HTML این است که بسیار بخشنده است. شما می‌توانید برخی از HTML را اشتباه انجام دهید و صفحه شما همچنان نمایش داده می‌شود، اگرچه نه دقیقاً همانطور که می‌خواهید.

چه مشاغلی از HTML استفاده می‌کنند؟

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

طراحی واکنش‌گرا چیست؟

طراحی واکنش‌گرا یک نوع جدید از طراحی است که برای پاسخگویی به پلتفرم و محیطی که کاربر در آن قرار دارد، طراحی شده است. هنگامی که HTML ایجاد شد، بیشتر مردم از رایانه‌های شخصی استفاده می‌کردند. امروزه، مردم می‌توانند یک وب سایت را در رایانه شخصی، تلفن، تبلت یا حتی کنسول بازی مرور کنند. در گذشته، توسعه‌دهندگان سایت‌های جداگانه برای "دسکتاپ" و "موبایل" ایجاد می‌کردند. در حالی که کار می‌کرد، نگهداری آن آسان نبود. به جای ایجاد سایت‌های جداگانه، طراحی واکنش‌گرا سایت را بر اساس محیطی که شناسایی می‌کند ایجاد می‌کند. این امر میزان توسعه و نگهداری سایت را به میزان قابل توجهی کاهش می‌دهد. طراحی واکنش‌گرا معمولاً با ترکیبی از HTML، CSS و Javascript به دست می‌آید.

صفحات سبک آبشاری (CSS) چیست؟

CSS یا Cascading Style Sheets یک زبان صفحه سبک است که برای سبک‌دهی به زبان علامت‌گذاری استفاده می‌شود. زبان‌های علامت‌گذاری شامل HTML، XHML، XML و سایر زبان‌های مبتنی بر XML هستند. رایج‌ترین استفاده از CSS، سبک‌دهی به صفحات وب HTML است. اگرچه HTML برای کار کردن به CSS نیازی ندارد، اما بدون آن هر صفحه وب یکسان به نظر می‌رسد. با CSS، می‌توانید عناصر خاصی را در یک صفحه وب هدف قرار دهید و ظاهر و چیدمان صفحه را تغییر دهید. CSS می‌تواند یک تصویر جاسازی شده را کوچک کند یا کل صفحه وب را به عنوان پس‌زمینه بپوشاند. می‌توانید یک عنوان را بزرگ کنید و یک فونت خاص را برای برجسته شدن از بقیه صفحه اعمال کنید. کارهای دیگری که می‌توانید با CSS انجام دهید شامل تغییر رنگ عناصر، شناور کردن عناصر در یک طرف صفحه و غیره است. هر صفحه وب از HTML استفاده می‌کند و هر صفحه وب که ظاهر منحصر به فرد خود را دارد از CSS استفاده می‌کند.

چه مشاغلی از CSS استفاده می‌کنند؟

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

چه مهارت‌هایی را قبل از یادگیری CSS باید داشته باشم؟

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


محتوای تازه

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


کیفیت تولید ویدئو و صدا

تمام محتوای ما به صورت ویدئو/صوت با کیفیت بالا ایجاد/تولید می‌شود تا بهترین تجربه یادگیری را برای شما فراهم کنیم.

شما:

· به وضوح خواهید دید.

· به وضوح خواهید شنید.

· بدون حواس‌پرتی در دوره پیش خواهید رفت.


همچنین دریافت خواهید کرد:

دسترسی مادام العمر به دوره.

پشتیبانی سریع و دوستانه در بخش پرسش و پاسخ.

گواهی اتمام Udemy آماده دانلود.


اکنون شیرجه بزنید به؛

" توسعه کامل پشته وب با Vue Js، NodeJS، MongoDB، JS

پروژه‌های Vue و Vuejs، توسعه کامل پشته وب با Html، Css، Bootstrap، Javascript، NodeJS، MongoDB، Express Js. "

ما پشتیبانی کامل ارائه می‌دهیم و به هر سوالی پاسخ می‌دهیم.


شما را در سمت دیگر می‌بینیم!


سرفصل ها و درس ها

به دوره خوش آمدید Welcome Course:

  • ساخت یک وب‌سایت واقعی با HTML و CSS Built a Real-World Website with HTML and CSS

  • فایل‌های پروژه HTML CSS Bootstrap و اسناد دوره HTML CSS Bootstrap Project Files and Course Documents

  • شرایط عمومی General Terms

  • وب‌سایت چگونه کار می‌کند؟ How the Website Works?

  • IDE چیست؟ What Is IDE?

  • فایل‌های پروژه Project Files

  • اولین صفحه وب First Webpage

مبانی HTML HTML Fundamentals

  • درباره بخش About the Section

  • HTML چیست؟ What is HTML?

  • ساختار سند HTML HTML Document Structure

  • عناصر متنی Text Element

  • لیست‌ها Lists

  • تصاویر Images

  • پیوندهای ابرمتنی Hyperlinks

  • عناصر کانتینر Container Elements

  • HTML معنایی چیست؟ What is Semantic HTML?

  • ساخت جدول با HTML Creating Tables with HTML

  • Colspan و Rowspan Colspan & Rowspan

  • کار با عناصر فرم Working With Form Elements

  • Checkbox Checkbox

  • نوع ورودی؛ Radio و File Input type; Radio & File

  • Select و Option Select & Option

  • افزونه‌های جدید Visual Studio Code New Visual Studio Code Extensions

  • چالش Challenge

  • چالش‌ها را انجام دهیم Let’s Make the Challenges

  • ادامه راه‌حل‌های چالش Challenge Solutions Continue

  • آزمون Quiz

مبانی CSS CSS Fundamentals

  • درباره بخش About the Section

  • CSS چیست؟ What is CSS

  • روش‌های استایل‌دهی - درون‌خطی، داخلی و خارجی Styling Methods-Inline, Internal and External

  • کمی استایل‌دهی انجام دهیم Let’s Do Some Styling

  • ترکیب انتخابگرها Combining Selectors

  • عملیات استایل با تخصیص کلاس و شناسه Style Operation With Class and Id Assignment

  • ترتیب اولویت در CSS Order of Priority in CSS

  • کار با رنگ‌ها Working with Colors

  • کار با رنگ‌ها در کد Working with Colors on Code

  • استفاده از Border در CSS Using Border in CSS

  • شبه‌کلاس در CSS Pseudo-Class in CSS

  • استایل‌دهی به پیوندهای ابرمتنی با شبه‌کلاس Styling Hyperlinks With Pseudo-Class

  • Crome DevTools Crome DevTools

  • نکات مهم برای CSS Important Advices for CSS

  • چالش ۱ Challenge 1

  • مدل جعبه Box Model

  • Margin و Padding Margin & Padding

  • شروع به استفاده از Margin و Padding کنیم Let’s Start Using Margin & Padding

  • اندازه‌گیری با CSS Dimensioning with CSS

  • صفحه خود را وسط چین کنیم Let’s Centre Our Page

  • چالش ۲ Challenge 2

  • انواع جعبه‌ها Types of Boxes

  • موقعیت‌دهی عناصر با CSS Element Positioning with CSS

  • استفاده از Fixed و Sticky Use of Fixed and Sticky

  • ایجاد سایه در CSS Creating Shadow in CSS

  • چالش ۳ Challenge 3

  • آزمون Quiz

چیدمان در صفحه وب Layout on Webpage

  • درباره بخش About the Section

  • ۳ روش برای ایجاد چیدمان در صفحات وب 3 Ways to Create Layout on Web Pages

  • Float Float

  • Flexbox Flexbox

  • مرور کلی Flexbox Flexbox Overview

  • به استفاده از Flexbox ادامه دهیم Let’s Keep Using Flexbox

  • Flex-Wrap Flex-Wrap

  • اضافه کردن Flexbox به پروژه ما Adding Flexbox to Our Project

  • اضافه کردن Flexbox به پروژه ما ۲ Adding Flexbox to Our Project 2

  • چیدمان صفحه را با Flexbox تغییر دهیم Let’s Change the Page Layout with Flexbox

  • مقدمه‌ای بر CSS Grid Introduction to CSS Grid

  • CSS Grid چیست؟ What Is CSS Grid?

  • به بررسی ویژگی‌های CSS Grid ادامه دهیم Let’s Continue Examining CSS Grid Features

  • سایر ویژگی‌های Grid Other Grid Features

  • آزمون Quiz

Media Query و انیمیشن‌های CSS Media Query and CSS Animations

  • مرور بخش Section Overview

  • نمونه کدهای Media Query و انیمیشن‌های CSS Media Query and CSS Animations Code Samples

  • ساخت منوی ریسپانسیو با Media Query Responsive Menu Making With Media Query

  • انیمیشن‌های CSS CSS Animations

  • ساخت منوی اسلایدر با Transform Making a Slider Menu With Transform

  • Keyframes Keyframes

  • نمونه‌های انیمیشن با Keyframes Animation Examples With Keyframes

  • آزمون Quiz

وب‌سایت پورتفولیو Portfolio Website

  • وب‌سایت پورتفولیو Portfolio Website

  • شروع به ایجاد بخش‌ها کنیم Let’s Start Creating the Sections

  • با ایجاد هدر شروع کنیم Let’s Start With Header Creation

  • بخش اصلی Home Section

  • بخش درباره من About Section

  • بخش خدمات Services Section

  • بخش پورتفولیو Portfolio Section

  • بخش تماس و فوتر Contact Section & Footer

  • طراحی صفحه ریسپانسیو Responsive Page Design

مبانی Bootstrap 5 Bootstrap 5 Fundamentals

  • Bootstrap 5 Bootstrap 5

  • فایل‌های پروژه Bootstrap Bootstrap Project Files

  • نحوه ادغام Bootstrap در برنامه‌ها How to Integrate Bootstrap Into Applications

  • Container و Container Fluid Container and Container Fluid

  • مرور تایپوگرافی Bootstrap 5 Bootstrap 5 Typography Review

  • ویژگی‌های متن Text Features

  • استفاده از رنگ‌ها Use of Colors

  • فاصله‌گذاری Spacing

  • Border Border

  • Display Display

  • Position Relative و Absolute Position Relative & Absolute

  • Position Fixed و Sticky Position Fixed & Sticky

  • اندازه‌گذاری Sizing

  • دکمه‌ها Buttons

  • استفاده از کلاس‌های تصویر Using Images Classes

  • سایر ویژگی‌های Bootstrap 5 Other Bootstrap 5 Features

  • آزمون Quiz

پیشرفته Bootstrap 5 Bootstrap 5 Advanced

  • Grid Grid

  • استفاده از ساختار Bootstrap Grid در اندازه‌های مختلف صفحه Using Bootstrap Grid Structure on Different Screen Size

  • هم‌تراز کردن ستون‌ها و Gutters Aligning Columns and Gutters

  • شروع به استفاده از Flex با Bootstrap 5 کنیم Let's Start Using Flex with Bootstrap 5

  • هم‌ترازی عمودی و افقی در ساختار Flex Vertical and Horizontal Alignment in Flex Structure

  • سایر ویژگی‌های Flexbox Other Flexbox Features

  • List Group List Group

  • کلاس‌های فرم Form Classes

  • ادامه کار با عناصر فرم Let's Continue Working with Form Elements

  • سایر ویژگی‌های ورودی Other Input Features

  • ساخت جداول با Bootstrap 5 Creating Tables With Bootstrap 5

  • آزمون Quiz

Bootstrap Features Working With JavaScript Bootstrap Features Working With JavaScript

  • قابلیت‌های Bootstrap که با جاوا اسکریپت کار می‌کنند Bootstrap Features Working With Javascript

  • Dropdown Dropdown

  • Modal Modal

  • Carousel Carousel

  • Collapse و Accordion Collapse & Accordion

  • آزمون Quiz

پروژه Bootstrap 5 Bootstrap 5 Project

  • ارائه پروژه Project Presentation

  • Navbar Navbar

  • شروع به ساخت Carousel کنیم Let’s Start Creating Carousel

  • شروع به ساخت بخش اصلی کنیم Let’s Start Creating the Main Section

  • ساخت بخش‌های دانشجویان و سوالات Creation of Students and Questions Sections

  • ساخت بخش تماس و فوتر Creation of Contact and Footer Section

آنچه در این دوره HTML، CSS و Bootstrap 4 آموختیم What We Have Learned In This HTML, CSS and Bootstrap 4 Course

  • خلاصه کوتاهی از آنچه در Bootstrap آموختیم Short Summary of What We Have Learned in Bootstrap

مقدمه‌ای بر جاوا اسکریپت Introduction to JavaScript

  • به دنیای جاوا اسکریپت خوش آمدید Welcome To The Javascript World

  • پیکربندی ویرایشگر کد Configuration of Code Editor

مبانی جاوا اسکریپت Basics of Javascript

  • شروع کنیم Let’s Dive In

  • اولین کد First Code

  • مقدمه‌ای بر جاوا اسکریپت Introduction to Javascript

  • پیوند دادن یک فایل جاوا اسکریپت Linking a Javascript File

  • مقادیر و متغیرها Values and Variables

  • انواع داده Data Types

  • کلیدواژه‌های Let، Const و Var Let, Const and Var Keywords

  • عملگرهای پایه Basic Operators

  • اولویت عملگر Operator Precedence

  • رشته‌ها و Template Literals Strings and Template Literals

  • دستورات If / Else If / Else Statements

  • تبدیل و اکراه نوع Type Conversion and Coercion

  • مقادیر Truthy و Falsy Truthy and Falsy Values

  • عملگرهای برابری Equality Operators

  • Boolean ها Booleans

  • عملگرهای منطقی Logical Operators

  • دستور Switch Switch Statement

  • دستورات و عبارات Statements and Expressions

  • عملگر سه‌تایی Ternary Operator

مبانی جاوا اسکریپت بخش دوم Basics of Javascript Part Two

  • حالت سخت‌گیرانه Strict Mode

  • توابع Functions

  • تعریف‌ها و عبارات Declarations and Expressions

  • توابع فلش Arrow Functions

  • توابع می‌توانند توابع دیگر را فراخوانی کنند Functions Can Call Other Functions

  • مرور کلی Recap

  • آرایه‌ها Arrays

  • عملیات پایه آرایه Basic Array Operations

  • اشیاء Objects

  • نمادهای شیء Object Notations

  • متدهای شیء Object Methods

  • حلقه For The For Loop

  • حلقه‌های آرایه Looping Arrays

  • حلقه‌های معکوس Looping Backwards

  • حلقه While The While Loop

جاوا اسکریپت در مرورگر: مبانی DOM و رویدادها Javascript in the Browser: DOM and Events Fundamentals

  • پروژه در جعبه چیست؟ Project What is in the box?

  • DOM (مدل شیء سند) DOM ( Document Object Model )

  • انتخاب و دستکاری عناصر Selecting and Manipulating Elements

  • رویدادهای کلیک Click Events

  • منطق بازی ۱ Game Logic 1

  • منطق بازی ۲ Game Logic 2

  • استایل‌های CSS CSS Styles

  • دکمه ریست Reset Button

  • امتیازات بالا Highscores

  • بازنویسی Refactor

  • پروژه سنگ، کاغذ، قیچی Project Rock Paper Scissors

  • انتخاب عناصر Selecting Elements

  • ایجاد انتخاب کامپیوتر و انتخاب بازیکن Generate Computer Selection and Make Player Selection

  • نمایش انتخاب‌های بازیکن و کامپیوتر در صفحه Display Player and Computer Choices on the Page

  • مقایسه انتخاب‌ها و دریافت نتیجه Compare Choices and Get Result

  • به‌روزرسانی امتیاز و عملکرد پایان بازی Update Score and Game Over Functionality

  • عملکرد ریست بازی Reset Game Functionality

جاوا اسکریپت چگونه در پشت صحنه کار می‌کند How JavaScript Works Behind the Scenes

  • مرور کلی جاوا اسکریپت Overview of JavaScript

  • موتور و زمان اجرای JS JS Engine and Runtime

  • کد جاوا اسکریپت چگونه اجرا می‌شود؟ How JavaScript Code Execute?

  • Scope و زنجیره Scope Scope and Scope Chain

  • محیط متغیر Variable Environment

  • کلمه کلیدی this This Keyword

  • کلمه کلیدی this چگونه در عمل کار می‌کند How The This Keyword Works in Action

ساختارهای داده، عملگرهای مدرن و رشته‌ها Data Structures, Modern Operators and Strings

  • تخریب آرایه Array Destructuring

  • تخریب اشیاء Objects Destructuring

  • عملگر Spread Spread Operator

  • عملگر Rest Rest Operator

  • Short Circuiting Short Circuiting

  • کار با رشته‌ها ۱ Let’s Work with Strings 1

  • کار با رشته‌ها ۲ Let’s Work with Strings 2

  • کار با رشته‌ها ۳ Let’s Work with Strings 3

متدهای آرایه Arrays Methods

  • متدهای ساده Simple Methods

  • حلقه forEach forEach Loop

  • متدهای map() map() Methods

  • متد filter() filter() Method

  • متد reduce() reduce() Method

  • متد find() find() Method

  • متدهای flat() و flatMap() flat() and flatMap() Method

  • مرتب‌سازی آرایه‌ها Sorting Arrays

جاوا اسکریپت ناهمگام Async Javascript

  • مقدمه‌ای بر جاوا اسکریپت ناهمگام Introduction to Async Javascript

  • اولین فراخوانی AJAX First AJAX Call

  • زنجیره درخواست Request Chain

  • Promises و Fetch Promises and Fetch

  • دریافت داده از Promise Get Data From Promise

  • زنجیره Promise Promise Chain

  • مدیریت خطا برای Promises Error Handling of Promises

  • پرتاب خطاها Throwing Errors

معرفی Entrance

  • چه چیزی را یاد خواهیم گرفت؟ What we will learn?

  • این Vue.js چیست؟ What is this Vue.js?

  • فایل‌های پروژه Vue Js Vue Js Project Files

  • مزایای Vue.js Advantages of Vue.js

  • اتصال داده دو طرفه Vue.js و Virtual DOM و کامپوننت Vue.js Two way data binding & Virtual DOM & Componnet

  • Node.js Node.js

  • آزمون Quiz

نصب با Vue.js در CDN Installing With Vue.js in CDN

  • نصب با CDN-1 Installing with CDN-1

  • نصب با CDN-2 Installing with CDN-2

مقدمه‌ای بر Vue.js Introduction to Vue.js

  • Vue.js با CLI Vue.js with CLI

  • این package.json چیست؟ What is this package.json

  • استفاده از کلاس‌ها در Vue.js Using Classes in Vue.js

  • اولین نگاه به استایل Style First Look

  • متغیرها Variables

  • آزمون Quiz

عملیات DOM در Vue.js Vue.js DOM Operations

  • ساختار فایل در vue.js File structure in vue.js

  • این Template چیست؟ What is this template?

  • این Script چیست؟ What is this Script?

  • این Style چیست؟ What is this Style?

  • استفاده از String Interpolation String Interpolation

  • اتصال Attribute Attribute Binding

  • Directive چیست؟ What Is Directive

  • مدیریت رویداد Event Handling

  • دریافت داده رویداد Get Event Data

  • ارسال پارامتر به رویدادها Sending Parameters to Events

  • اصلاح‌کننده رویداد Event Modifier

  • نحوه نوشتن جاوا اسکریپت در یک Template How to Write JavaScript Inside a Template

  • اتصال داده دو طرفه Two Way Data Binding

  • آزمون Quiz

دستورات Vue.js Vue.js Directives

  • v-html v-html

  • v-text v-text

  • v-once v-once

  • v-show v-show

  • v-if و v-else و v-else-if 5-v-if & v-else & v-else-if

  • v-for v-for

  • v-model v-model

  • v-on v-on

  • v-pre v-pre

  • آزمون Quiz

این Data Object چیست؟ What Is This Data Object

  • این Data Object چیست؟ What Is This Data Object

استایل در Vue.js Style In Vue.js

  • کلاس پویا Dynamic Class

  • استایل درون‌خطی Inline Style

لیست‌ها و دستورات شرطی Lists & Conditional Statements

  • نمایش لیست Rendering List

  • استفاده از عبارات شرطی در لیست‌ها Using Conditional Expressions in Lists

  • ارسال داده در لیست به توابع Sending Data in List to Functions

  • حذف یک مورد از لیست Deleting an Item From a List

  • نمایش اشیاء Object Rendering

  • آزمون Quiz

ایجاد کامپوننت و Props Component Creation and Props

  • کامپوننت Component

  • کامپوننت بیشتر More Component

  • کامپوننت سراسری Global Component

  • انتقال داده با Props Data Transfer With Props

  • اعتبارسنجی Props ۱ Props Validation 1

  • اعتبارسنجی Props ۲ Props Validation 2

  • اعتبارسنجی Props ۳ Props Validation 3

  • عنوان سفارشی Custom Title

  • استفاده از Props در توابع Using Props in Functions

  • اطمینان از جریان داده از پایین به بالا Ensure Data Flow From Down to Up

  • ارسال داده با روش Provide Inject Sending Data With Provide Inject Method

  • کامپوننت (مثال کاربردی) Component(Example Application)

  • آزمون Quiz

Slot Slot

  • Slot Slot

  • Named Slot Named Slot

  • مثال Named Slot Named Slot Example

کامپوننت پویا Dynamic Component

  • کامپوننت‌های پویا Dynamic Components

  • نگهداری زنده Keep Alive

  • Activated و Deactivated Activated & Deactivated

Teleport Teleport

  • Teleport Teleport

چرخه عمر Vue.js Vue.js LifeCycles

  • این چرخه‌های عمر چیست؟ What is This LifeCycles

  • beforeCreate و created beforeCreate & created

  • beforeMount و mounted beforeMount & mounted

  • beforeUpdate و updated beforeUpdate & updated

  • beforeUnmount و unmounted beforeUnmount & unmounted

  • آزمون Quiz

Refs و Computed و Watch Refs & Computed & Watch

  • Ref Ref

  • Refs چندگانه Multiple Refs

  • Computed Computed

  • Watch Watch

  • آزمون Quiz

Application_TodoApp Application_TodoApp

  • ارائه پروژه Project Presentation

  • ایجاد و استایل‌دهی ساختار تمپلیت Template Structure Creation and Styling

  • ایجاد توابع دکمه Creating Button Functions

  • تکمیل پروژه Finishing the Project

کار با عناصر فرم Working with Form Elements

  • ورودی‌ها Inputs

  • Textarea و دکمه Textarea & Button

  • انتخاب Select

  • Checkbox و Radio Checkbox & Radio

  • ورودی فایل سفارشی Custom File Input

  • اتصال ورودی کاربر User Input Bind

  • گزینه انتخاب پویا Dynamic Select Option

  • اتصال Checkbox پویا Dynamic Checkbox Bind

  • اتصال فایل و اتصال Radio پویا File Bind & Dynamic Radio Bind

  • ارسال فرم Form Submit

  • اتصال v-model به کامپوننت خودمان Let's Bind v-model to Our Own Component

  • اعتبارسنجی فرم ساده Simple Form Validation

  • اتصال ورودی پویا Dynamic Input Bind

  • آزمون Quiz

کامپوننت ناهمگام Vuejs Vuejs Async Component

  • کامپوننت ناهمگام Async Component

Mixin Mixin

  • این mixin چیست؟ What is this mixin?

  • یک mixin ایجاد کنیم. Let's Create a mixin.

  • Mixin سراسری Global Mixin

  • آزمون Quiz

$nextTick $nextTick

  • nextTick nextTick

عملیات HTTP HTTP Operations

  • Fetch با درخواست Get Fetch With Get Request

  • طراحی لیست Creating a List Design

  • ایجاد کامپوننت Component Creation

  • نمایش لیست Render a List

  • در حال بارگذاری Loading

  • خطا Error

  • ایجاد پست Post Creation

  • حذف پست Delete Post

  • Axios Axios

  • آزمون Quiz

Application_NasaPhoto Application_NasaPhoto

  • مقدمه برنامه و کلید API App Introduction and API Key

  • WelcomeScreen و کلید API WelcomeScreen & API key

  • WelcomeScreen و کلید API ۲ WelcomeScreen & API key 2

  • نمایش WelcomeScreen Show WelcomeScreen

  • ورودی Input

  • لیست List

  • در حال بارگذاری Loading

  • نمایش و استایل‌دهی کارت‌ها Rendering & Styling Cards

  • نگاه نهایی به پروژه Final Look at The Project

مسیریابی Routing

  • پلاگین Plugin

  • مسیریابی Routing

  • ایجاد مسیریاب Creating a Router

  • router-link و router-view router-link & router-view

  • کلاس فعال Router Link Router Link Active Class

  • نمونه Grid برای Router View Router View Grid Example

  • مسیریابی با کد Routing With Code

  • پارامترها و حساسیت مسیر Params & Route Sensitive

  • Query و Params Query & Params

  • صفحه notFound notFound Page

  • بررسی پارامتر مسیر Route Parameter Checks

  • مسیریاب‌های تودرتو Nested Routers

  • Named Router View Named Router View

  • Redirect و Alias Redirect & Alias

  • رفتار اسکرول Scroll Behavior

  • افزودن، حذف و لیست کردن مسیریاب‌های پویا Adding, Deleting and Listing Dynamic Routers

  • Lazy Load Routers Lazy Load Routers

  • Meta مسیریاب Router Meta

  • مثال Meta مسیریاب Router Meta Example

  • Router Guard Router Guard

  • Global Router Guard Global Router Guard

  • چیدمان مسیریاب را ایجاد کنیم Let's Create a Router Layout

  • آزمون Quiz

Composition API Composition API

  • Composition API Composition API

  • راه اندازی و ارجاع Setup & Ref

  • واکنشی Reactive

  • isRef و isReactive و toRef isRef & isReactive & toRef

  • تعریف کامپوننت Component Defination

  • Props Props

  • Emits Emits

  • Refs Refs

  • Computed Computed

  • Watch Watch

  • دستورالعمل سفارشی Custom Directive

  • Hooks Hooks

  • هو‌ک‌های سفارشی بیشتر More Custom Hooks

  • هو‌ک‌های چرخه عمر LifeCycles Hooks

  • Vue Router Vue Router

  • آزمون Quiz

خرید اپلیکیشن Shopping-App

  • معرفی برنامه و API فروشگاه فیک App Introduction & Fake Store API

  • راه اندازی پروژه Project Setup

  • هدر Header

  • نمای خانه HomeView

  • ShopContext ShopContext

  • کارت محصول Product Card

  • نمای جزئیات محصول ProductDetailView

  • بازیابی دسته بندی و محصول Category Fetch & Product Fetch

  • بازیابی داده های خاص Specific Data Fetch

  • سبد خرید Shopping Card

مقدمه Introduction

  • Node و Express چیست؟ What is Node and Express?

  • فایل های پروژه Node Js Node Js Project Files

  • چه چیزهایی یاد خواهیم گرفت؟ What will we learn?

شروع کنیم Let’s Start

  • نصب Node JS Installing Node JS

  • موتور V8 V8 Engine

  • عمومی های Node JS Node JS Globals

  • توابع Functions

  • ماژول و Require Module and Require

  • الگوهای خروجی ماژول Module exports patterns

  • ارسال کننده رویداد Event Emitter

  • اطلاعات بیشتر درباره ارسال کننده رویداد More about Event Emitters

  • خواندن و نوشتن فایل ها Reading and Writing Files

  • ایجاد و حذف دایرکتوری ها Creating and Removing Directories

  • آزمون Quiz

سرور Server

  • کلاینت ها و سرورها Clients & Servers

  • ایجاد سرور Creating Server

  • آزمون Quiz

جریان ها و بافرها Streams and Buffers

  • جریان ها و بافرها Streams and Buffers

  • جریان خواندنی Readable Stream

  • جریان نوشتنی Write Stream

  • پایپ Pipe

  • سرو کردن HTML Serving HTML

  • سرو کردن داده های JSON Serving JSON data

  • مسیریابی Routing

  • آزمون Quiz

Express Express

  • مدیر بسته Node Node Package Manager

  • فایل بسته Package Json Package Json File

  • نصب Nodemon Installing Nodemon

  • Express Express

  • پارامترهای مسیر Route Params

  • موتورهای قالب Template Engines

  • موتورهای قالب 2 Template Engines 2

  • نماهای جزئی Partial Views

  • فایل های ایستا Static Files

  • رشته های پرس و جو Query Strings

  • درخواست Post Post Request

  • اپلیکیشن Todo (قسمت 1) Todo App (Part-1)

  • اپلیکیشن Todo (قسمت 2) Todo App (Part-2)

  • اپلیکیشن Todo (قسمت 3) Todo App (Part-3)

  • اپلیکیشن Todo (قسمت 4) Todo App (Part-4)

چه چیزی یاد گرفتیم؟ What we learned?

  • چه چیزی یاد گرفتیم؟ What we learned?

در این دوره MongoDB چه چیزهایی یاد خواهیم گرفت؟ What will we learn in this MongoDB course?

  • در دوره MongoDB چه چیزهایی یاد خواهیم گرفت؟ What will we learn in MongoDB course?

مقدمه ای بر MongoDB، Mongoose، NoSQL Intro to MongoDB, Mongoose, Nosql

  • MongoDB چیست What is MongoDB

  • فایل های پروژه MongoDB Mongo DB Project Files

  • سوالات متداول درباره توسعه وب فول استک FAQ about Full Stack Web Development

  • آزمون quiz

نصب - MongoDB Installation - Mongodb

  • نصب OSX MongoDB MongoDB OSX Setup

  • OSX MongoDB – Robomongo MongoDB OSX – Robomongo

  • نصب ویندوز برای MongoDB، Nodejs Windows Setup for MongoDB, Nodejs

  • MongoDB ویندوز – Robomongo MongoDB Windows – Robomongo

  • آزمون quiz

تجربه تست محور در MongoDB Test Driven Experience in MongoDB

  • آخرین تنظیمات قبل از شروع پروژه MongoDB Last Setup Before the MongoDB Project Start

  • مقدمه ای بر پروژه MongoDB Introduction to MongoDB Project

  • شروع پروژه MongoDB Start to MongoDB Project

  • دستیار اتصال Mongoose 1 Mongoose Connection Helper 1

  • مدل های Mongoose Models of Mongoose

  • شروع تست با Mocha در MongoDB Start to test with Mocha in Mongodb

  • ایجاد و ذخیره مدل ها در MongoDB Creating and Saving Models in MongoDB

  • چگونه می توانیم کالکشن ها را در MongoDB حذف کنیم؟ How we can drop collections in MongoDB?

  • ویژگی isNew در Mongoose isNew Property in Mongoose

  • Query find() در MongoDB find() Query in MongoDB

  • ویژگی _id در MongoDB The _id Property in MongoDB

  • تست خودکار در MongoDB Testing Automatically in MongoDB

  • Query findOne() MongoDB MongoDB findOne() Query

  • حذف رکوردها در MongoDB MongoDB Deleting Records

  • به روز رسانی رکوردها در MongoDB (1) MongoDB Updating Records (1)

  • به روز رسانی رکوردها در MongoDB (2) MongoDB Updating Records (2)

  • آزمون quiz

عملگرها در MongoDB Operators in MongoDB

  • عملگرهای به روز رسانی Updating Operators

  • عملگر $mul به عنوان مثال $mul Operator as an example

  • اعتبارسنجی Mongoose (1) Mongoose Validation (1)

  • اعتبارسنجی Mongoose (2) Mongoose Validation (2)

  • اعتبارسنجی Mongoose (3) Mongoose Validation (3)

  • مدیریت خطاها Handling Errors

  • آزمون quiz

مدیریت داده های رابطه ای Handling Relational Data

  • تعبیه اسناد در MongoDB MongoDB Embedding Documents

  • تست MongoDB با زیر اسناد MongoDB Test with Subdocuments

  • افزودن زیر سند جدید در MongoDB MongoDB Adding New Subdocument

  • حذف زیر سند در MongoDB MongoDB Removing Subdocument

  • انواع مجازی (1) Virtual Types (1)

  • انواع مجازی (2) Virtual Types (2)

  • سوالات متداول درباره MongoDB، MongoDB برای مبتدیان FAQ about MongoDB, Mongodb for beginners

  • آزمون quiz

طراحی اسکما Schema Design

  • توسعه منابع تودرتو در MongoDB Developing Nested Resources in MongoDB

  • استفاده از ref برای ارتباطات در MongoDB Using ref for associations in MongoDB

  • تست ارتباط Testing Association

  • MongoDB Promise.all MongoDB Promise.all

  • اصلاح کننده های MongoDB MongoDB Modifiers

  • Populate تودرتو در MongoDB MongoDB Nested Populate

  • آزمون quiz

چه چیزی را در دوره MongoDB، NoSQL، Mongoose یاد گرفتیم؟ What we learned in MongoDB, NoSQL, Mongoose course?

  • چه چیزی را در دوره MongoDB، NoSQL، Mongoose یاد گرفتیم؟ What we learned in MongoDB, NoSQL, Mongoose course?

اضافی Extra

  • توسعه وب فول استک با Vue Js، NodeJS، MongoDB، JS Full Stack Web Development with Vue Js, NodeJS, MongoDB, JS

نمایش نظرات

آموزش توسعه فول استک وب با ویو جی‌اس، نود جی‌اس، مانگودی‌بی و جاوا اسکریپت
جزییات دوره
52 hours
446
Udemy (یودمی) Udemy (یودمی)
(آخرین آپدیت)
561
4.6 از 5
ندارد
دارد
دارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

OAK Academy OAK Academy

کارآفرین

OAK Academy Team OAK Academy Team

مربی