درباره دوره: برای ورود به دنیای فرانت اند ((front end)) نیاز به گذراندن آموزش و یادگیری یک سری مفاهیم برنامه نویسی هستید. دوره آموزش front end مکتب خونه برای این هدف توسط تیمی متخصص و مجرب تهیه و تدوین شده است. این دوره از مجموعه دوره‌های آموزش برنامه نویسی و آموزش طراحی سایت مکتب خونه در ٦٦ ساعت آموزشی در قالب پنج فصل ارائه شده که هر فصل خود حاوی سرفصل‌های مختلفی است. در این دوره مباحث CSS، HTML و javaScript پوشش داده شده خواهند شد. دوره آموزش front end برای تمامی افراد اعم از افراد مبتدی و حرفه‌ای مناسب است. این دوره با هدف یادگیری پروژه محور توسعه فرانت اند تدوین شده و تمام مفاهیم مهم و مقدماتی توسعه فرانت اند از صفر تا صد در آن پوشش داده شده است. هیچ پیش‌نیاز خاصی برای دوره آموزش front-end وجود ندارد. همه افراد چه مبتدی و چه حرفه‌ای می‌توانند در این دوره آموزش فرانت اند شرکت کنند. تنها پیش‌نیاز اصلی این دوره توانایی کار با کامپیوتر و سواد کامپیوتری و قدرت جستجوی بالا است. پس از پایان دوره و در کنار تلاش و کوشش مناسب و شایسته، دانشجویان دوره توانایی ایجاد و پیاده‌سازی بخش فرانت اند یک وب‌سایت یا یک پلتفرم را خواهند داشت. این دوره آموزش فرانت اند برای ورود به بازار کار بسیار حائز اهمیت است زیرا در کنار حرفه‌ای بودن و به روز بودن، پروژه محور است. اگر قصد دارید پروژه‌های طراحی سایت خود را در بخش فرانت اند پیش ببرید یا در بخش فرانت اند وارد بازار کار شوید، باید از جایی آموزش دیدن را آغاز کنید. این دوره آموزش فرانت اند front end مکتب خونه، به علت اینکه یک دوره مقدماتی تا پیشرفته به‌حساب می‌آید و به‌صورت عملی مفاهیم را پوشش داده است، گزینه مناسبی به‌حساب می‌آید. این دوره آموزش front برای برنامه نویسی موبایل و طراحی سایت بسیار دوره مناسبی است زیرا در کنار اینکه یک آموزش کامل فرانت اند است، همچنین قدم به قدم کاربر را با مفاهیم برنامه نویسی فرانت اند آشنا می‌کند. امروزه بیشتر کسب‌وکارها به متخصصین فرانت اند نیازمند هستند، بنابراین یادگیری مفاهیم و مباحث مربوط به این ترند در برنامه نویسی فرصت خوبی برای ورود به بازار کار است. فرانت اند در مورد بخشی از وب‌سایت است که شما به‌عنوان کاربر می‌توانید آن را ببینید و با آن تعامل داشته باشید. قسمت فرانت اند شامل همه‌چیز از طراحی، ساختار و طرح‌بندی وب‌سایت گرفته تا محتوا را شامل خواهد شد. هنگامی‌که یک بازدیدکننده جدید روی یک وب‌سایت یا برنامه کلیک می‌کند، قسمت فرانت اند اولین برداشت از یک شرکت یا نام تجاری بوده بنابراین طراحی ظاهری کاربرپسند (UX) برای هر وب‌سایت یا پلتفرمی ضروری است. چیزهای زیادی برای ساخت قسمت فرانت اند کار می‌شود، از جمله معماری پایگاه داده، چارچوب‌ها، راه‌حل‌های مقیاس بندی و موارد دیگر که این شامل موارد زیر است: توسعه وب فرانت‌اند می‌تواند شامل وظایف مختلفی باشد. نحوه پیاده‌سازی این وظایف در دوره آموزش front end مکتب خونه آموزش داده خواهند شد و این شامل وظایف زیر است: برنامه نویسان فرانت اند از سه فناوری اصلی در توسعه front-end استفاده خواهند کرد. توسعه‌دهندگان Front-End از ابزارهای دیگری نیز استفاده می‌کنند، از سیستم‌های مدیریت محتوا (CMS) مانند WordPress و Drupal گرفته تا کتابخانه‌ها و چارچوب‌هایی مانند React، Angular و Vue. کتابخانه‌ها و فریمورکها به شما این امکان را می‌دهند که از یک طرح اولیه برای ایجاد عناصر وب مانند دکمه‌ها استفاده کرده تا اینکه هر بار یک عنصر جدید ایجاد کنید. در دوره آموزش front end ابزارها و عناصر لازم برای توسعه فرانت اند به کاربران معرفی خواهند شد. اگرچه در شرکت‌ها تفاوت‌هایی برای وظایف توسعه دهنده فرانت اند وجود دارد، به‌طورکلی می‌توانید انتظار داشته باشید که نقش توسعه‌دهنده فرانت اند در طراحی وب‌سایت شامل برخی یا همه موارد زیر باشد: در دوره آموزش front end نقش توسعه‌دهندگان فرانت اند به خوبی توضیح داده شده است. اکثر توسعه‌دهندگان و مهندسان Front-End با گروه‌های تجربه کاربری (UX) هماهنگ می‌شوند. این افراد جمعیت‌شناسی هدف وب‌سایت و نحوه تعامل کاربران با آن را تعیین می‌کنند. طراحی گرافیکی یکی دیگر از بخش‌های مهم بخش فرانت اند است. این شامل فونت‌ها و رنگ‌ها بوده و تضمین می‌کند که طراحی وب ‌سایت با شرکت و محصولی که برنامه وب برای آن است مطابقت دارد. توسعه‌دهندگان Front-End با بخش‌های مختلف هماهنگ می‌کنند تا اطمینان حاصل کنند که برنامه‌های کاربردی وب در همه مرورگرها و اندازه‌های صفحه‌نمایش از جمله تلفن‌ همراه و تبلت کار می‌کنند. آن‌ها همچنین ممکن است در طول توسعه از این بخش‌ها بازخورد دریافت کنند، بنابراین آن‌ها باید بتوانند بازخوردهای افراد مختلف با دیدگاه‌ها و اولویت‌های مختلف را در نظر بگیرند و به آن‌ها گوش دهند. بخش فرانت اند یا قسمت جلویی وب‌سایت، نمایندگی دیجیتال یک فرد یا یک سازمان است. این قسمت مهم، پلی بین مشتری یا مشتری و برند ایجاد می‌کند. قسمت فرانت اند همچنین وب‌سایتی را قابل استفاده می‌کند. اگر وب‌سایت یا برنامه‌ای به خوبی کار نکند، می‌تواند مشتریان را از خود دور کند و بازگرداندن آن مشتریان دشوار است. در نهایت، قسمت فرانت اند ایده یک سازمان یا فرد را نشان می‌دهد و مهم است که آن را به درستی انجام دهیم. یکی از گزینه‌های تبدیل شدن به یک مهندس فرانت اند یا توسعه دهنده فرانت اند، گرفتن مدرک است. اگرچه این برای برخی از افراد قابل‌دسترس است ولی گرفتن مدرک برای همه افراد عملی نیست. خوشبختانه، شما می‌توانید بدون مدرک یک مهندس فرانت اند شوید. برای انجام این کار، باید با گذراندن دوره‌های مرتبط شروع کنید. می‌توانید با زبان‌های برنامه نویسی مانند HTML، CSS و جاوا اسکریپت شروع کرده و یا می‌توانید مسیر شغلی مهندس Front-End را در اینترنت بررسی کنید. دوره آموزش front end مکتب خونه نقطه شروع خوبی برای انجام این کار است. مسیر شغلی مهندس Front-End شامل زبان‌های ذکر شده در بالا به همراه کتابخانه‌هایی مانند React و Redux است. فصل اول - HTML: 1 - آشنایی با دوره وب 2 - آشنایی با وب 3 - web, html and front-end 4 - HTML and front-end 5 - html requests 6 - Requests 7 - نصب نرم افزارها 8 - ساختار یک صفحه html 9 - تگ ها 10 - تگ head 11 - تگ body 12 - attributes, div and span 13 - لینک با تگ "a" 14 - تگ ها 15 - لیست های مرتب 16 - لیست های نامرتب 17 - lists 18 - فرم ها 19 - فرم ها 20 - عکس ها 21 - عکس ها 22 - ویدئو 23 - ویدئو فصل دوم - CSS: 1 - آشنایی با CSS 2 - مفاهیم اولیه CSS 3 - CSS Syntax 4 - Color 5 - Color 6 - Selectors 7 - pseudo classes 8 - pseudo elements 9 - CSS and class and id 10 - انتخاب المان 11 - specifity 12 - border 13 - margin 14 - padding 15 - css outline 16 - Css width and height 17 - text 18 - font 19 - links 20 - ویژگی المان ها و لینک 21 - maxwidth 22 - position 23 - float 24 - المان ها و فونت 25 - display and opacity 26 - CSS3 border corners and multiple images 27 - CSS3 gradient and shadow 28 - color and position 29 - CSS3 transition 30 - CSS3 animation 31 - انیمیشن 32 - مهارت سرچ کردن در برنامه نویسی 33 - توضیح مکمل پروژه اول 34 - شرح پروژه بخش HTML 35 - شرح پروژه بخش HTML و CSS (بخش اول - navbar) 36 - شرح پروژه بخش HTML و CSS (بخش دوم - modal) 37 - شرح پروژه بخش HTML و CSS (بخش سوم - up and down jump buttons) 38 - پروژه بخش HTML و CSS فصل سوم - JavaScript: 1 - آشنایی با جاوا اسکریپت 2 - خروجی جاوا اسکریپت در لاگ کنسول 3 - if و for در جاوااسکریپت 4 - آشنایی با JavaScript html DOM 5 - javascript dom style 6 - jsdom style فصل چهارم - jQuery: 1 - آشنایی با jQuery 2 - when document is ready 3 - jquery : events and selectors 4 - event selector 5 - jquery hide, show and fade effects 6 - slide, animation and stop animation effects 7 - animation 8 - پروژه بخش jQuery فصل پنجم - طراحی واکنش گرا: 1 - آشنایی با طراحی واکنش گرا 2 - gridview 3 - media queries 4 - media queries 5 - dual breakpoints 6 - عکس و ویدئو 7 - عکس و ویدئو 8 - پروژه نهایی طراحی صفحه وب واکنش گرا 9 - آشنایی با bootstrap 10 - bootstrap buttons, glyphicon and images 11 - بوت استرپ 12 - پروژه بخش طراحی واکنش گرا پروژه نهایی: 1 - شرح پروژه نهایی دوره 2 - پروژه نهایی دوره

درباره دوره: CSS یکی از ابزارهای اصلی در بهبود طراحی سایت است. CSS دنیای وب را زیباتر و ظاهر آن را خوشایندتر می‌کند و تکنیک‌های مدرن CSS به شما کمک می‌کند تا طرح‌ها و جلوه‌های خیره‌کننده‌ای برای سایت خود ایجاد کنید. بنابراین، ما تصمیم گرفتیم دوره آموزش CSS را برای شما تهیه کنیم تا پس از گذراندن دوره آموزش html-css به آموزش مباحث پیشرفته UI و طراحی رابط کاربری هم پرداخته شود. CSS3 نسخه جدیدتر CSS است. این نسخه یکی از پرکاربردترین زبان ‌های برنامه‌ نویسی در طراحی سایت محسوب می‌شود. چرا که CSS3 به ماژول‌هایی تقسیم شده است که می‌توانید از آن‌ها در طراحی سایت استفاده کنید. مثلا FlexBox یکی از این ماژول‌هاست که کار طراحی وب را ساده‌تر کرده و کاربردهای ویژه‌ای دارد. در این دوره FlexBox را در حین پیاده‌سازی پروژه‌های واقعی به‌کار می‌بریم. این ماژول در طراحی تصاویر واکنش‌گرا (Responsive) هم بسیار مفید است. در طراحی سایت یک ابزار مدیریت پکیج وجود دارد با نام NPM که برنامه‌های جاوا اسکریپت به صورت کامل در آن ثبت شده است. این ابزار بزرگترین اکوسیستم IT است. در این دوره به شما آموزش می‌دهیم که چگونه از NPM برای کاربردهای خاص موردنظرتان استفاده کنید. با بررسی‌های دقیق متوجه شدیم که هیچ‌کدام از دوره‌های آموزشی CSS، نیازهای واقعی طراحی وب‌سایت را برآورده نمی‌کند. بنابراین، تصمیم گرفتیم یک دوره جامع پروژه‌ محور طراحی کنیم. در این دوره ابتدا با نحوه طراحی UX با ابزار Adobe XD آشنا می‌شوید و سپس مروری بر اصول CSS صورت می‌گیرد. پس از آن با کمک هفت پروژه واقعی، مهارت‌های اساسی CSS و Sass را به شما آموزش می‌دهیم. به‌طور خلاصه هدف از برگزاری این دوره را می‌توان این‌گونه شرح داد: در دوره جامع آموزش سی اس اس با کمک پروژه‌های واقعی تمام مهارت‌های لازم برای کار با CSS و Sass را فرا می‌گیرید. بعد از پایان دوره شما می‌توانید با استفاده از توانمندی‌هایی که کسب کرده‌اید، نیاز خود را در زمینه‌های زیر برطرف کنید: دوره پیشرفته CSS مکتب‌پلاس برخلاف تمام دوره‌های CSS فارسی در قالب پروژه‌های واقعی به آموزش سی اس اس می‌پردازد. این پروژه‌ها تمام قسمت‌های CSS و Sass را پوشش می‌دهد. قبل از شروع هر پروژه، ابتدا آن را با Adobe XD طراحی کرده و سپس طرح موردنظر را به کد و صفحات وب تبدیل می‌کنیم. درگیری با چالش‌های طراحی وب به یادگیری بیشتر شما کمک می‌کند. بنابراین، چالش‌های زیادی را داخل پروژه‌ها قرار داده‌ایم که می‌تواند شما را هرچه بیشتر با قسمت‌های مختلف CSS درگیر کند. برای یادگیری برنامه‌نویسی تنها مشاهده ویدئوها کافی نیست و شما باید خودتان با نوشتن کد با چالش‌ها روبه‌رو شوید. این مهم در تمام قسمت‌های دوره آموزش CSS مکتبخونه رعایت شده است. دوره آموزش CSS پیشرفته شامل ده فصل آموزشی است. در این فصل‌ها با انجام چهار پروژه به آموزش Adobe XD، Sass، CSS و قسمت‌های مختلف آن‌ها می‌پردازیم. در پایان هم یک پروژه نهایی برای شما عزیزان طراحی شده است که بتوانید تمام آموخته‌های خود را تثبیت کنید. مدیران کسب و کارها به این باور رسیده‌اند که برای بقای بیزینس‌شان و حضور فعال و گسترده در بازار، لازم است وب‌سایت جذاب و کارآمدی برای کسب و کارشان طراحی کنند. به همین دلیل بازار طراحی سایت در ایران، داغ و پررونق شده است. از طرفی طراحان سایت هم برای پیشی گرفتن از همتایان خود، نیاز به یادگیری مهارت‌های ویژه برای طراحی سایت‌های منحصر به فرد دارند. یکی از روش‌های سبقت گرفتن از رقبا در این عرصه، آموزش طراحی سایت با CSS پیشرفته و Sass است. مزایای یادگیری این موضوع به گونه‌ای است که طراحان سایت حرفه‌ای و کاربلد را ترغیب کرده است که در دوره آموزش طراحی سایت با css پیشرفته و sass شرکت کنند. CSS یک زبان برنامه نویسی به معنای سنتی نیست و نوعی زبان نشانه‌گذاری است که برای توصیف ظاهر وب‌سایت مورد استفاده قرار می‌گیرد. در کل زبان‌های نشانه‌گذاری مثل CSS برای ساختاردهی و فرمت‌دهی اطلاعات به کار می‌روند. این مدل زبان‌ها، ساختار ساده‌تری نسبت به زبان‌های برنامه‌نویسی دارند و عمدتاً از تگ‌ها و صفات برای تعریف عناصر و نحوه نمایش آن‌ها در صفحه استفاده می‌کنند. Sass یک زبان پیش‌پردازنده برای CSS به حساب می‌آید که قابلیت‌ها و امکانات جدیدی را در اختیار این زبان قرار می‌دهد. توجه داشته باشید که Sass روی CSS ساخته شده است و از کلیه قواعد و انتخابگرهای CSS پشتیبانی می‌کند. همچنین Scss یک سینتکس (syntax) محبوب برای نوشتن کد Sass است. اکنون که مفهوم CSS و Sass را درک کردیم، می‌توانیم در مورد مزایای آموزش طراحی سایت با CSS پیشرفته و Sass صحبت کنیم: با آموزش css پیشرفته می‌توان سایت‌های جذاب‌تر و بهتری طراحی کرد. در واقع آموزش طراحی سایت حرفه‌ای، مقدمه‌ای برای یادگیری نحوه طراحی سایت‌های یگانه و منحصر به فرد است. اصولاً وردپرس و سایر سیستم‌های مدیریت محتوا با این هدف طراحی شدند که افراد از یادگیری برنامه‌نویسی و طراحی سایت، بی‌نیاز کنند؛ ولی امروزه هم برای طراحی کردن وب‌سایت‌های منحصر به فرد، به یادگیری برنامه‌نویسی پیشرفته نیاز داریم. Sass با ارائه مجموعه‌ای از ویژگی‌ها مانند متغیرها، توابع و mixinها به افراد کمک می‌کند تا کد CSS خود را کارآمدتر و ساختارمندتر بنویسند. همین مسئله باعث صرفه‌جویی در زمان کدنویسی، نوشتن سریع‌تر کدها و اشکال‌زدایی بهتر می‌شود. در حال حاضر تقاضا برای برنامه‌نویسان و طراحان سایت با مهارت Sass افزایش یافته است. پس اگر دوره css مقدماتی را پشت سر گذاشته‌اید یا در دوره html css آموزش دیده‌اید، می‌توانید در دوره آموزش sass پروژه محور شرکت کنید تا بتوانید این مهارت را بیاموزید و صلاحیت لازم برای همکاری با شرکت‌های مختلف را کسب کنید. با شرکت در دوره html css پیشرفته و آموختن sass می‌توانیم مفاهیم بنیادین وب و شیوه طراحی و چیدمان بصری صفحات وب را بیاموزیم. یادگیری این کارها، به ما قدرت و درک لازم برای آموزش طراحی سایت با پایتون را هم می‌دهد. پایتون یک زبان برنامه‌نویسی کاربردی است که برای ایجاد عملکردهای منطقی در وب‌سایت‌ها به کار می‌رود. با یادگیری مهارت طراحی سایت با css پیشرفته و sass می‌توانید پروژه‌های طراحی سایت خود را خیلی بهتر و تخصصی‌تر جلو ببرید و از این درآمدتان را هم بیشتر کنید. شرکت‌های بسیاری تمایل دارند که سایتشان به شکلی تخصصی و خاص طراحی شود؛ ولی نمی‌توانند طراح سایت مورد نظر خود را بیابند. شما با یادگیری این مهارت و بازاریابی می‌توانید این شرکت‌ها را بیابید، با آن‌ها همکاری کنید و درآمد خوبی رقم بزنید. در حال حاضر بسیاری از طراحان سایت، خواهان پیشرفت در حوزه شغلی خود هست و تمایل دارند که گوی سبقت را از سایر رقبای خود بربایند و به یک برند کاربلد و کم‌نظیر در عرصه طراحی سایت تبدیل شوند. پلتفرم آموزشی مکتب‌خونه، متوجه این تقاضا را از سوی مخاطبان شد و تصمیم به برگزاری یک دوره 42 ساعته با عنوان «دوره آموزش طراحی سایت با CSS پیشرفته و Sass» گرفت. استاد این دوره، آقای مهدی تهورگر، مدرس و برنامه‌نویس وب و موبایل و متخصص برنامه‌نویسی فرانت‌اند است. ایشان سابقه فعالیت فریلنسری در پلتفرم‌های بین‌المللی هم‌چون فریلنسر و آوپ ورک را نیز دارند دارد. مهندس تهورگر سابقه تدریس در دیگر پلتفرم‌های بین‌المللی مانند Udemy را نیز در کارنامه خود دارد. دوره آموزشی مورد بحث به صورت عملی و پروژه محور برگزار می‌شود تا افراد حاضر در دوره بتوانند نکات و آموزه‌ها را به صورت تجربی و عملی فرابگیرند و پس از اتمام دوره، چیزهایی که یاد گرفته‌اند را در پروژه‌های خود پیاده‌سازی کنند. در صورت تمایل به شرکت در دوره آموزش طراحی سایت با CSS پیشرفته و Sass، لازم است از قبل با css و html آشنایی داشته باشید. همچنین می‌توانید در دوره‌های آموزش html css پروژه محور رایگان شرکت کنید. بعضی دوره‌های آموزش طراحی سایت رایگان هم این مهارت‌ها را به شما آموزش می‌دهند. آشنایی با DOM یا Document Object Model نیز به شما کمک می‌کند که از این دوره، بهره بیشتر و بهتری ببرید. DOM در واقع یک رابط برنامه‌نویسی است که برای اسناد اچ تی ام ال (HTML) و XML مورد استفاده قرار می‌گیرد. در ادامه سرفصل‌های دوره آموزش طراحی سایت با CSS پیشرفته و Sass را به صورت مختصر و مفید بیان می‌کنیم: این دوره برای کلیه کسانی که با مقدمات طراحی سایت، css و html آشنا هستند و می‌خواهند طراحی سایت را به صورت عمیق‌تر و حرفه‌ای‌تر فرابگیرند، مناسب است. با شرکت در این دوره می‌توانید طراحی سایت را به صورتی کاملاً متفاوت، جذاب و تخصصی انجام دهید. در واقع پس از اتمام این دوره، دیگر هیچ محدودیتی برای سایت دلخواه خود نخواهید داشت. در صورت تمایل به یادگیری حرفه‌ای و تخصصی طراحی سایت با جدیدترین متد، پیشنهاد می‌شود که در دوره آموزش طراحی سایت با CSS پیشرفته و Sass ثبت کنید. پلتفرم آموزشی مکتب‌خونه، دوره‌های حرفه‌ای و جذاب مختلفی برای یادگیری طراحی سایت در وب‌سایت خود عرضه کرده است. در صورت تمایل به کسب اطلاعات بیشتر در مورد این دوره‌ها و ثبت نام در آن‌ها، کافی است به صفحه آموزش طراحی سایت مراجعه کنید. همچنین در مکتب خونه انواع پکیج آموزش برنامه نویسی به عنوان مکمل و پیش نیاز این دوره موجود است. فصل اول: مقدمه: 1 - بررسی اجمالی دوره 2 - ابزارها فصل دوم: طراحی وب‌سایت سیم کارت با Adobe XD: 1 - طراحی Header در Adobe XD 2 - طراحی امکانات در Adobe XD 3 - طراحی کارت‌ها در Adobe XD 4 - طراحی بخش طرح‌های فروش و بازخوردها در Adobe XD 5 - طراحی فرم فروش سیم کارت و Footer در Adobe XD 6 - فایل‌های طراحی 7 - طراحی با Adobe XD فصل سوم: تنظیمات پروژه وب‌سایت سیم کارت: 1 - تنظیمات پروژه 2 - Header - بخش اول 3 - Header - بخش دوم فصل چهارم: مروری بر CSS: 1 - انتخاب‌گر (Selector) های CSS 2 - CSS چگونه کار می‌کند؟ 3 - مفهوم CSS box model در CSS فصل پنجم: CSS پیشرفته و Sass (ادامه ساخت وب‌سایت فروش سیم کارت): 1 - نصب Sass 2 - نصب Sass 3 - تبدیل کدهای CSS به Sass 4 - Heading primary 5 - Heading primary 6 - تفکر نام‌گذاری BEM 7 - تفکر نام‌گذاری BEM 8 - امکانات وب‌سایت - بخش اول 9 - امکانات وب‌سایت - بخش اول 10 - امکانات وب‌سایت - بخش دوم 11 - امکانات وب‌سایت - بخش دوم 12 - ساخت Float grid - بخش اول 13 - ساخت Float grid - بخش دوم 14 - ساخت کارت‌های سیم کارت - بخش اول 15 - ساخت کارت‌های سیم کارت - بخش اول 16 - ساخت کارت‌های سیم کارت - بخش دوم 17 - ساخت کارت‌های سیم کارت - بخش دوم 18 - ساخت طرح‌های فروش - بخش اول 19 - ساخت طرح‌های فروش - بخش اول 20 - ساخت طرح‌های فروش - بخش دوم 21 - ساخت طرح‌های فروش - بخش دوم 22 - ساخت بخش بازخوردها 23 - ساخت بخش بازخوردها 24 - فرم خرید سیم کارت - بخش اول 25 - فرم خرید سیم کارت - بخش اول 26 - فرم خرید سیم کارت - بخش دوم 27 - فرم خرید سیم کارت - بخش دوم 28 - طراحی Footer وب‌سایت 29 - طراحی Footer وب‌سایت 30 - ساخت دکمه Button-flip 31 - ساخت دکمه Button-flip 32 - ساخت Navigation - بخش اول 33 - ساخت Navigation - بخش اول 34 - ساخت Navigation - بخش دوم 35 - ساخت Navigation - بخش دوم فصل ششم: طراحی واکنش‌گرا (Responsive Design): 1 - تنظیمات اولیه واکنش‌گرایی 2 - تنظیمات اولیه واکنش‌گرایی 3 - Header واکنش‌گرا 4 - Header واکنش‌گرا 5 - واکنش‌گرایی قسمت امکانات و float grid 6 - واکنش‌گرایی قسمت امکانات و float grid 7 - واکنش‌گرایی قسمت‌های طرح‌های فروش و سیم کارت 8 - واکنش‌گرایی قسمت‌های طرح‌های فروش و سیم کارت 9 - واکنش‌گرایی قسمت‌های طرح‌های فروش برای صفحات لمسی 10 - واکنش‌گرایی قسمت‌های طرح‌های فروش برای صفحات لمسی 11 - واکنش‌گرایی عکس‌ها با html 12 - واکنش‌گرایی عکس‌ها با html 13 - واکنش‌گرایی قسمت فرم و Footer 14 - واکنش‌گرایی قسمت فرم و Footer 15 - فرایند ساخت وب‌سایت برای بارگذاری روی سرور 16 - فرایند ساخت وب‌سایت برای بارگذاری روی سرور 17 - سفارش پیتزا فصل هفتم: Flexbox پیشرفته: 1 - معرفی پروژه 2 - طراحی Header با Adobe Xd 3 - طراحی وب‌سایت با Adobe Xd 4 - مفهوم flexbox و تنظیمات Codepen 5 - مفاهیم Flexbox در Codepen - بخش اول 6 - مفاهیم Flexbox در Codepen - بخش اول 7 - مفاهیم Flexbox در Codepen - بخش دوم 8 - مفاهیم Flexbox در Codepen - بخش دوم 9 - تنظیمات پروژه 10 - ساخت Header - بخش اول 11 - ساخت Header - بخش اول 12 - ساخت Header - بخش دوم 13 - ساخت Header - بخش دوم 14 - ساخت Container left و Container center - بخش اول 15 - ساخت Container left و Container center - بخش اول 16 - ساخت Container left و Container center - بخش دوم 17 - ساخت Container left و Container center - بخش دوم 18 - ساخت Container left و Container center - بخش سوم 19 - ساخت Container left و Container center - بخش سوم 20 - ساخت Container right 21 - ساخت Container right 22 - واکنش‌گرایی کل وب‌سایت 23 - واکنش‌گرایی کل وب‌سایت 24 - فایل‌های طراحی 25 - سفارش خرید ماشین فصل هشتم: طراحی وب‌سایت Beetle با Adobe XD: 1 - طراحی Header 2 - طراحی ژورنال 3 - طراحی قسمت فروش 4 - طراحی گالری 5 - طراحی Footer 6 - فایل‌های طراحی فصل نهم: مقدمه‌ای بر CSS Grid: 1 - معرفی grid 2 - مفهوم Grid container 3 - تقسیم‌بندی با Grid-template 4 - کار با Grid row و Grid col 5 - کار با Grid row و Grid col پیشرفته 6 - تمرین با Grid 7 - حل چالش تمرین با Grid 8 - نام‌گذاری خط‌های Grid 9 - نام‌گذاری محیط Grid 10 - تفاوت بین Explicit و Implicit 11 - هم‌ترازی آیتم‌های Grid - بخش اول 12 - هم‌ترازی آیتم‌های Grid - بخش دوم 13 - آشنایی با مفهوم Content max-content minmax function 14 - آشنایی با واکنش‌گرایی در Grid با Auto-fill و Auto-fit 15 - فایل‌های طراحی فصل دهم: مفاهیم پیشرفته CSS Grid: 1 - تنظیمات پروژه Beetle 2 - بخش‌بندی کل پروژه با Grid - بخش اول 3 - بخش‌بندی کل پروژه با Grid - بخش اول 4 - بخش‌بندی کل پروژه با Grid - بخش دوم 5 - بخش‌بندی کل پروژه با Grid - بخش دوم 6 - ساخت Header 7 - ساخت Header 8 - ساخت ژورنال 9 - ساخت ژورنال 10 - ساخت Discover 11 - ساخت Discover 12 - ساخت قسمت فروش 13 - ساخت قسمت فروش 14 - ساخت گالری - بخش اول 15 - ساخت گالری - بخش اول 16 - ساخت گالری - بخش دوم 17 - ساخت گالری - بخش دوم 18 - ساخت Footer 19 - ساخت Footer 20 - ساخت Sidebar 21 - ساخت Sidebar 22 - واکنش‌گرایی Header 23 - واکنش‌گرایی Header 24 - واکنش‌گرایی ژورنال و Discover 25 - واکنش‌گرایی ژورنال و Discover 26 - واکنش گرایی Footer 27 - واکنش گرایی Footer 28 - آژانس خلاقیت پروژه پایانی: 1 - وب‌سایت ارائه خدمات ساخت اپلیکیشن

درباره دوره: نام‌پای (NumPy) یک کتابخانه برای زبان برنامه‌نویسی پایتون است که پشتیبانی از آرایه‌ها و ماتریس‌های چندبعدی و بزرگ را به این زبان اضافه می‌کند. نام‌پای یک نرم‌افزار متن‌باز (Open-source) است. تقریبا هر دانشمندی که با پایتون کار کرده‌است، به قدرت نام‌پای اذعان دارد. هدف از دوره آموزش کتابخانه numpy آموزش این کتابخانه معروف در زبان پایتون است که در ادامه به معرفی کامل آن خواهیم پرداخت. اگر نظر هر برنامه‌نویسی که با زبان برنامه‌نویسی پایتون در ارتباط باشد را درباره‌ی این کتابخونه بپرسید، قطعاً حس مثبتی به آن خواهد داشت، چرا که این زبان برنامه‌نویسی روزبه‌روز در حال کاربردی‌تر شدن و رشد است. از سویی دیگر، یادگیری برخی کتابخانه‌های پایتون ممکن است امری چالشی به نظر آید. از این‌ رو، شرکت در دوره‌هایی که کتابخانه‌های مهم این زبان را شرح بدهند می‌تواند بسیار مفید و مثمر ثمر واقع شود. این بار به همت مکتب‌خونه می‌توانید از آموزش جامع کتابخانه نامپای نهایت استفاده را از آن ببرید. NumPy از اساسی‌ترین کتابخانه‌های پایتون در زمینه یادگیری ماشین و یادگیری عمیق است که توابع و آرایه‌های زیادی در آن تعریف شده است. پس اگر تصمیم دارید به کمک پایتون در زمینه یادگیری ماشین کار کنید، NumPy یکی از عناصر جدانشدنی خواهد بود و دوره آموزش کتابخانه numpy بهترین نقطه شروع برای این کار به‌حساب می‌آید. به کمک کتابخانه NumPy می‌توانید عملیات زیادی را به‌صورت از پیش تعریف شده انجام دهید که سرعت برنامه‌نویسی و اجرا را چندین برابر افزایش خواهد داد. از جمله ویژگی‌های تعریف شده در کتابخانه نامپای عبارت‌اند از: 1.        عملیات مختلف جبر خطی 2.        کار با ماتریس‌ها و محاسبات روی آن‌ها 3.        تبدیل فوریه و محاسبات مربوط به ریاضیات مهندسی 4.        محاسبات اعداد رندوم به‌طور کلی هدف از یادگیری هر مبحثی، ساده‌سازی انجام امور است. از این‌ رو هدف از یادگیری دوره آموزش NumPy نیز کسب اطلاعات لازم برای سرعت بخشیدن به انجام محاسبات مربوط به آرایه‌ها و ماتریس‌ها است. از طرفی این کتابخانه به شما کمک می‌کند محاسبات مربوط به یادگیری ماشین را با دقت بیشتر انجام داده و از خروجی مدنظر اطمینان بیشتری حاصل نمایید. نام‌پای قدرت محاسباتی زبان‌هایی مانند C و Fortran را به پایتون که زبانی با یادگیری و کاربرد بسیار آسان است، هدیه داده‌ است. نام‌پای دسترسی به توابع ریاضی، تولیدکننده اعداد تصادفی، روتین‌های جبری خطی و غیره جامعی را فراهم خواهد کرد. علاوه‌براین، این کتابخانه از محدوده گسترده‌ای از سخت‌افزارها و پلتفرم‌های محاسباتی پشتیبانی کرده و به‌خوبی روی کتابخانه‌های توزیع‌شده، GPU و پراکنده عمل می‌کند. هم‌اکنون با ثبت‌نام در دوره آموزش کتابخانه numpy می‌توانید ماجراجویی خود را با این کتابخانه محبوب آغاز کنید. دوره آموزش کتابخانه numpy برای تمامی علاقه‌مندان به یادگیری مباحث پیشرفته‌تر زبان برنامه‌نویسی پایتون، چه به دنبال پیاده‌سازی پروژه‌های جدی در زمینه یادگیری ماشین باشند چه مباحث دیگر، مناسب خواهد بود. پس اگر دانشجو، پایتون کار غیره هستید و قصد دارید دوره‌های آموزشی پایتون تهیه و عرضه کنید و خلاصه سر و کارتان با پایتون زیاد است، این دوره برای شما مناسب خواهد بود. پس از اتمام دوره آموزش کتابخانه numpy، به‌سادگی می‌توان کار با آرایه‌ها و ماتریس‌ها را انجام داد و محاسبات موردنیاز خود را سریع‌تر و آسان‌تر از آنچه فکر کنید انجام دهید. این نکته را به یاد داشته باشید که یادگیری این کتابخانه یکی از پیش‌نیازهای اساسی عملیات یادگیری ماشین و یادگیری عمیق است. دیگر قابلیت سودمند نام‌پای استفاده آسان آن است که تقریبا هر کاربری با هر سطح از پیش‌زمینه و تجربه می‌تواند آن را به‌کار گیرد. هم‌چنین، نام‌پای اساس کتابخانه‌های قدرتمند یادگیری ماشین مانند سای‌کیت‌لرن (scikit-learn) و سای‌پای (SciPy) را شکل تشکیل می‌دهد. از سوی دیگر، نام‌پای یک از اجزاء اصلی شروع شکل‌گیری مصورسازی پایتون از طریق دیگر کتابخانه‌ها مانند مت‌پلا‌ت‌لیب (Matplotlib)، سی‌بورن (Seaborn)، آلتیر (Altair) و غیره است. همچنین در مکتب خونه انواع دوره آموزش برنامه نویسی و آموزش پایتون به عنوان مکمل و پیش نیاز این دوره موجود است. استفاده از نام‌پای در پایتون قابلیت‌هایی مشابه با متلب را در اختیار کاربر قرار می‌دهد. هر دو این زبان‌ها به کاربر این اجازه را می‌دهند که برنامه‌های سریعی را بنویسند. تفاوت اساسی از آن‌جایی ناشی می‌شود که نام‌پای با پایتون که یک زبان برنامه‌نویسی نوین و کاملی است، ادغام می‌شود و قدرت آن را دو‌چندان می‌کند. نام‌پای از جمله کتابخانه‌های مهم پایتون است، تا آن‌جا که کتابخانه‌های مطرح دیگری از جمله تنسورفلو (TensorFlow)، پای‌تورچ (PyTorch) و غیره از این کتابخانه برای محاسبات خود بهره می‌برند. این کتابخانه کاربردهای فراوانی در شاخه‌های مختلف علوم کامپیوتر دارد که از جمله آن‌ها می‌توان به موارد زیر اشاره کرد: آموزش NumPy: 1 - پیش‌نمایش NumPy 2 - مقدمه‌ای بر NumPy 3 - آرایه‌ها در NumPy 4 - توابع در NumPy 5 - ایندکس‌دهی به آرایه‌ها در NumPy 6 - اعمال ریاضی در NumPy 7 - broadcasting در NumPy 8 - کدهای دوره آموزش NumPy

درباره دوره: این روزها کمتر کسی را می‌توان پیدا کرد که به دنبال راه‌اندازی یک سایت برای کسب‌وکار خود نباشد و این یعنی بازار کار متخصصین وب داغِ داغ است. اولین قدم برای ورود به دنیای وب یادگیری HTML استخواهد بود. HTML نوعی زبان برنامه‌نویسی ساده (البته از آن به‌عنوان زبان نشانه‌گذاری محتوا یاد می‌شود) و بسیار کاربردی که حتی بزرگ‌ترین متخصصان وب هنوز هم اطلاعات خود را درباره آن به‌روز می‌کنند. این زبان ساختار وب‌سایت را می‌سازد و آن را تبدیل به چیزی می‌کند که مخاطبان می‌بینند. پس می‌توان یادگیری آن را برای هرکسی که دوست دارد به یک برنامه‌نویس وب‌سایت تبدیل شود، ضروری دانست. دوره آموزش رایگان html از مجموعه دوره‌های آموزش برنامه نویسی و آموزش طراحی سایت مکتب خونه با هدف آموزش این زبان پایه و مهم گرد آوری شده است که در ادامه به معرفی آن خواهیم پرداخت. HTML مخفف عبارت Hyper Text Makeup Language یا زبان نشانه‌گذاری فوق متن است که در آن بخش‌های مختلف وب‌سایت مشخص می‌شوند. این زبان چیزی است که مرورگرهای وب می‌فهمند و درنهایت همه زبان‌های سمت سرور یا هر زبان دیگری که ساختار وب‌سایت با استفاده از آن ساخته‌شده باید به HTML تبدیل شود تا کاربران بتوانند با وب‌سایت ارتباط برقرار کنند. در HTML بخش‌های مختلف وب‌سایت با استفاده از تگ‌ها از هم جدا می‌شوند و در هر تگ عناصر مختلف صفحه تعیین می‌شود خواهد شد تا درنهایت جداول، عکس‌ها و متونی که ما در هر سایت می‌بینیم، شکل بگیرد. دوره آموزش HTML دریچه اصلی برای ورود به دنیای برنامه‌نویسی وب‌سایت یا به اصطلاح طراحی سایت است. هدف اصلی از این دوره آموزش رایگان html دوره تسلط شما بر روی مفاهیم HTML و پیاده‌سازی بخش ظاهری یک وب‌سایت از ابتدا تا انتهاانته خواهد بوداست. مثال‌های عملی و کاربردی که در طول دوره ارائه می‌شود، شما را با مشکلاتی که ممکن است در آینده به آن‌ها برخورد کنید آشنا کرده و پیش‌زمینه‌ای کامل و قوی برای یادگیری سایر زبان‌های برنامه‌نویسی وب‌سایت پیدا کنید. دوره آموزش رایگان HTML برای کسانی طراحی شده است که قصد دارند در آینده به‌عنوان یک برنامه‌نویس وب‌سایت مشغول به کار شوند. افرادی که به ساخت ظاهر وب‌سایت علاقه دارند و دوست دارند بدانند که چگونه می‌توانند یک سایت را از صفر بسازند، می‌توانند در این دوره شرکت کنند. همچنین این دوره برای کسانی که قصد دارند در سایت‌های طراحی‌شده قبلی تغییراتی ایجاد کرده و ساختار آن را ویرایش کنند یا از نحوه طراحی سایت‌های مختلف سر دربیاورند نیز مفید خواهد بود. در پایان دوره آموزشی HTML بر روی مفاهیم مربوط به ساختار وب‌سایت و طراحی هریک از بخش‌ها مسلط خواهید شد. همچنین تگ‌های مختلف HTML را می‌شناسید و می‌توانید ظاهر یک وب‌سایت را از صفر طراحی کنید. همچنین در این دوره آموزش رایگان html دوره با خطاهای برنامه‌نویسی HTML، ساختارهای اشتباه و مواردی که ممکن است وب‌سایت شما را با مشکل مواجه کند، آشنا خواهید شد. در پایان دوره شما مباحث به‌روزترین نسخه HTML را می‌شناسید و بر روی وب معنایی نیز مسلط خواهید شد. دوره آموزش HTML در 20 قسمت آماده شده است که درمجموع زمان آن کمتر از 2 ساعت می‌شود؛ بنابراین شما می‌توانید در زمانی بسیار کوتاه مباحثی کاملاً کاربردی را یاد بگیرید و برای برداشتن قدم بعد آماده شوید. سرفصل‌های این دوره آموزش رایگان html شامل آموزش انواع تگ‌ها و کدنویسی HTML می‌شود که در ادامه آن‌ها را بیان می‌کنیم. HTML (زبان نشانه‌گذاری فرامتن) زبانی است که برای ایجاد وب‌سایت استفاده می‌شود. این زبان نشانه‌گذاری استاندارد برای ایجاد صفحات وب و برنامه‌های کاربردی وب محسوب می‌شود. HTML به شکل عناصر HTML متشکل از برچسب‌های محصور در براکت‎های زاویه‌ای (مثلاً ) نوشته می‌شود. تگ‌های HTML معمولاً به صورت جفت‌هایی مانند

و

می‌آیند، اگرچه برخی از تگ‌ها که به‌عنوان عناصر خالی شناخته خواهند شد و به عبارت دیگر آن‌ها جفت ندارند. برای مثال یکی از این تگ‌ها محسوب می‌شود. در دوره آموزش رایگان html با همه این تگ‌ها و نحوه به کاربردنشان آشنا خواهیم شد. HTML مخفف HyperText Markup Language است و زبان نشانه‌گذاری استانداردی است که برای ایجاد صفحات وب استفاده می‌شود. این زبان برای ساختار و ارائه محتوا در وب مورد استفاده قرار می‌گیرد و برای ایجاد صفحات وب برای مرورگرهای وب استفاده می‌شود. HTML از عناصری مانند متن، لینک‌ها، تصاویر، جداول، فرم‌ها و غیره تشکیل شده است. HTML برای ایجاد و ساختار صفحات وب، افزودن تعامل و چندرسانه‌ای و ایجاد رابط کاربری برای برنامه‌های کاربردی وب نیز کاربرد دارد. HTML در توسعه وب برای ایجاد ساختار یک وب‌سایت استفاده می‌شود. همچنین HTML برای اتصال صفحات وب به یکدیگر با استفاده از لینک‌ها مورد استفاده قرار می‌گیرد و به کاربران اجازه می‌دهد از یک صفحه به صفحه دیگر بروند. HTML همچنین برای ایجاد فرم‌ها استفاده می‌شود و به کاربران اجازه می‌دهد با یک وب‌سایت تعامل داشته باشند و داده‌ها را برای پردازش به سرور ارسال کنند. Html یک زبان برنامه نویسی نیست، اما می‌توان آن را همراه با سایر زبان‌های برنامه نویسی مانند جاوا اسکریپت، پی اچ پی، پایتون و روبی استفاده کرد. همچنین برای ایجاد صفحات وب و برنامه‌های کاربردی ستون و پایه به‌حساب می‌آید. علاوه بر این، HTML را می‌توان همراه با تعدادی از زبان‌های نشانه‌گذاری دیگر، مانند XML و CSS، برای ساخت صفحات وب و برنامه‌های کاربردی پیچیده‌تر استفاده کرد. در نهایت، HTML می‌تواند برای ایجاد و قالب‌بندی محتوا در پایگاه داده‌ها و انواع دیگر اسناد، مانند صفحات گسترده و اسناد متنی استفاده شود. HTML یک زبان اساسی برای ایجاد وب‌سایت است و به‌عنوان بلوک‌های سازنده برای سایر زبان‌های وب دیده می‌شود. HTML برای ایجاد صفحات وب اساسی ضروری است و امکان طراحی و توسعه وب پیچیده‌تر را فراهم می‌کند. یادگیری HTML برای طراحان وب، توسعه‌دهندگان وب و هر کسی که می‌خواهد یک وب‌سایت ایجاد کند یا یک برنامه وب بسازد مفید است. HTML همچنین برای بهینه‌سازی موتورهای جستجو (SEO) ضروری به‌حساب می‌آید، زیرا ساختار و محتوای یک وب‌سایت را در اختیار الگوریتم‌های موتورهای جستجو قرار می‌دهد. به طور کلی، یادگیری و نیاز به آموزش HTML برای هر کسی که می‌خواهد یک وب‌سایت یا برنامه دیجیتال ایجاد کند ضروری است، زیرا بلوک‌های اساسی و پایه‌ای برای وب را فراهم می‌کند. با HTML، توسعه‌دهندگان و طراحان وب می‌توانند وب‌سایت‌های پیچیده و تعاملی ایجاد کنند که برای الگوریتم‌های موتورهای جستجو بهینه شده‌اند. HTML و CSS مانند دو روی یک سکه هستند. HTML ساختار و محتوای یک صفحه وب را فراهم می‌کند، در حالی که از CSS برای کنترل ارائه و استایل دهی آن محتوا استفاده می‌شود. HTML و CSS با هم برای ایجاد ظاهر و احساس یک وب‌سایت استفاده می‌شوند. برای مثال اگر این دو زبان را به بدن انسان تشبیه کنیم، HTML استخوان و اسکلت‌بندی بدن و CSS گوشت و پوست و همه عناصر زیبایی بدن انسان خواهد بود. در واقع HTML پایه صفحه را فراهم می‌کند و CSS برای سفارشی کردن ظاهر صفحه و جذابیت بصری آن استفاده می‌شود. HTML ساختار و محتوا را کنترل می‌کند، در حالی که از CSS برای سفارشی کردن ظاهر و احساس صفحه استفاده می‌شود. HTML و CSS با هم کار می‌کنند تا وب‌سایتی را ایجاد کنند که هم کاربردی و هم از نظر زیبایی‌شناسی جذاب باشد. بدون ترکیب HTML و CSS، یک وب‌سایت چیزی بیش از یک بلوک متن خسته‌کننده نخواهد بود. با HTML و CSS، یک وب‌سایت می‌تواند به یک تجربه تعاملی و بصری جذاب تبدیل شود. به طور خلاصه، HTML و CSS شرکای جدایی‌ناپذیری هستند که با هم کار می‌کنند تا ظاهر و فرانت‌اند یک وب‌سایت را ایجاد کنند. بله HTML اساس طراحی وب‌سایت است. این یک زبان نشانه‌گذاری است که برای ایجاد ساختار و محتوای صفحات وب استفاده می‌شود. HTML برای ایجاد ساختار اولیه صفحات وب استفاده خواهد شد، در حالی که سایر فناوری‌ها مانند Cascading Style Sheets (CSS) برای ایجاد ظاهر و طراحی صفحات وب استفاده می‌شود. HTML بخشی ضروری از طراحی وب‌سایت است و بدون آن، وب‌سایت‌ها نمی‌توانند وجود داشته باشند. حتی برای تسلط سیستم‌های مدیریت محتوا مانند وردپرس نیز به html نیاز است. در دوره آموزش رایگان html با این زبان و نحوه کارکرد آن آشنا خواهیم شد، پس جای هیچ‌گونه نگرانی وجود ندارد. نقشه راه‌های متفاوتی برای یادگیری HTML وجود دارد که هرکدام بر مبنای خاصی تعریف شده‌اند، نقشه راه زیر نیز یکی از آن‌ها است و با پیروی از آن می‌توان HTML را به‌صورت حرفه‌ای آموخت. 1. اصول اولیه HTML را بیاموزید: اصول HTML از جمله ساختار یک سند HTML، عناصر HTML و تگ‌های اولیه HTML را بیاموزید. 2. ویژگی‌های HTML را بیاموزید: نحوه اعمال ویژگی‌ها به عناصر HTML برای ارائه اطلاعات اضافی را بیاموزید. 3. هدینگ‎ها و پاراگراف‌های HTML را بیاموزید: یاد بگیرید چگونه محتوا را با استفاده از سرفصل‌ها و پاراگراف‌های HTML ساختار دهید. 4. لینک‌های HTML را بیاموزید: نحوه ایجاد و قالب‌بندی پیوند بین صفحات (لینک شدن صفحات به هم) را بیاموزید. 5. لیست‌های HTML را بیاموزید: نحوه ایجاد لیست و سازمان‌دهی محتوا با استفاده از HTML را بیاموزید. 6. یادگیری جداول HTML: یاد بگیرید چگونه جداول ایجاد کنید و از آن‌ها برای ساختار داده استفاده کنید. 7. یادگیری فرم‌های HTML: یاد بگیرید که چگونه فرم‌های HTML ایجاد کنید و از آن‌ها برای جمع‌آوری ورودی‌های کاربر استفاده کنید. 8. آموزش تصاویر HTML: یاد بگیرید که چگونه تصاویر را در یک صفحه HTML جاسازی کنید. 9. یادگیری بلوک HTML و عناصر درون‌خطی (Inline Elements): یاد بگیرید چگونه از بلوک HTML و عناصر درون‌خطی برای ساختار محتوا استفاده کنید. 10. آموزش چیدمان HTML: یاد بگیرید که چگونه از تکنیک‌های چیدمان HTML مانند شناور، موقعیت‌یابی و فلکس باکس استفاده کنید. 11. طراحی واکنشگرا HTML را بیاموزید: یاد بگیرید که چگونه با استفاده از HTML و پرس‌وجوهای رسانه‌ای، طرح‌های ریسپانسیو یا واکنشگرا ایجاد کنید. 12. یادگیری HTML ویدئو و صدا: یادگیری نحوه قرار دادن ویدئو و صدا در صفحه HTML 13. یادگیری HTML Semantic: یاد بگیرید چگونه از برچسب‌های معنایی HTML برای ساختار و سازمان‌دهی محتوای وب استفاده کنید. 14. آموزش API های HTML5: یاد بگیرید که چگونه از API های HTML5 برای ایجاد برنامه‌های کاربردی تعاملی استفاده کنید. 15. آموزش دسترسی به HTML: یاد بگیرید که چگونه محتوای HTML را برای همه کاربران در دسترس قرار دهید. 16. آموزش اعتبار سنجی HTML: یاد بگیرید که چگونه از تکنیک‌های اعتبار سنجی HTML برای اطمینان از صحت صفحات وب استفاده کنید. 17. آموزش بهترین روش‌های HTML: بهترین روش‌ها برای نوشتن کد HTML را بیاموزید. 18. آموزش عیب‌یابی HTML: نحوه عیب‌یابی کد HTML و رفع خطاهای رایج HTML را بیاموزید. 19. کار با چارچوب‌های HTML: یاد بگیرید که چگونه از چارچوب‌های HTML مانند Bootstrap و Foundation برای ایجاد سریع صفحات وب استفاده کنید. 20. بهینه‌سازی HTML: نحوه بهینه‌سازی HTML برای سئو را بیاموزید. ۲۱- ویرایشگرها و ابزارهای HTML را یاد بگیرید: نحوه استفاده از ویرایشگرهای HTML و ابزارهایی مانند Dreamweaver، CodePen و Sublime Text را بیاموزید. 22. آموزش انیمیشن‌های HTML: یاد بگیرید که چگونه از المان‌های HTML و CSS برای ایجاد انیمیشن استفاده کنید. 23. موضوعات پیشرفته HTML را بیاموزید: موضوعات پیشرفته HTML مانند SVG و سایر مباحث پیشرفته را یاد بگیرید. 24. یادگیری HTML5: با ویژگی‌های جدید HTML5 مانند سوکت‎های وب، ذخیره‌سازی وب و API های مکان جغرافیایی آشنا شوید. 25. به‌روز بمانید: با آخرین اخبار و روندهای HTML به‌روز بمانید و همیشه تمرین کنید. اگر به فکر یادگیری HTML هستید باید از نقطه‌ای این یادگیری را شروع کنید. دوره آموزش رایگان html برای این هدف در مکتب خونه تهیه شده است که هم‌اکنون می‌توانید برای شروع کار با ثبت‌نام در این دوره مقدماتی html اولین قدم و مهم‌ترین قدم برای ورود به دنیای توسعه وب را بردارید. دوره مذکور یک دوره پروژه محور است که قدم‌به‌قدم شما را با زبان ساده با html آشنا می‌کند. با این دوره می‌توانید مهارت‌های خود را در کدنویسی ارتقا دهید و پروژه‌های مختلفی با html ایجاد کنید. این دوره آموزش html برای همه افراد با سطوح مختلف مناسب است. آموزش رایگان html: 1 - HTML چیست؟ 2 - HTML5 چیست؟ 3 - ساختار صفحات HTML 4 - تگ‌های هدینگ 5 - تگ پاراگراف 6 - تگ‌های فرمتینگ 7 - کامنت‌کردن کدها 8 - تگ لینک 9 - لینک بوکمارک 10 - تگ img 11 - تگ picture 12 - تگ table 13 - لیست‌ها 14 - بلاک و اینلاین 15 - کانتاینرها 16 - تگ‌های توصیف محتوا 17 - تگ ویدئو 18 - تگ iframe 19 - فرم‌ها 20 - مشاهده سورس و اینسپکت

درباره دوره: لازم به ذکر است زیرنویس این دوره توسط هوش مصنوعی انجام شده‌است.امروزه، نرم‌افزارهایی که می‌سازیم همواره با کاربران خود از طریق پلتفرم‌های وب و موبایل در ارتباط هستند. کاربران از طریق این رابط‌ها با نرم‌افزار تعامل می‌کنند و تجربه‌ای که این رابط‌ها ارائه می‌دهند، تأثیر قابل توجهی بر کیفیت درک‌شده‌ی نرم‌افزار دارد. سرعت بالای عرضه‌ی نسخه‌ها و ویژگی‌های جدید در نرم‌افزارهای مدرن، نیازمند اولویت‌بندی دقیق تلاش‌های تست و اجرای سریع آن از طریق اتوماسیون است. در این دوره، تمرکز بر تکنیک‌ها و روش‌های تست چنین برنامه‌هایی خواهد بود. ما مفاهیم کلیدی مرتبط با تست وب و موبایل، تکنیک‌های اساسی و استفاده از سلنیوم به عنوان یک چارچوب برای اتوماسیون تست این نوع برنامه‌ها را پوشش خواهیم داد. در پایان این دوره، فراگیران یک پایه محکم در اصول تست وب و موبایل و توانایی استفاده از یک چارچوب تست برای خودکارسازی اجرای تست به دست خواهند آورد. مقدمه‌ای بر تست وب و موبایل: 1 - مقدمه ای بر تست وب و موبایل 2 - چالش های تست وب و موبایل 3 - معرفی مختصری از XML و HTML 4 - استفاده از ابزارهای توسعه دهنده Firefox 5 - معرفی Selenium 6 - استفاده از Selenium از Eclipse IDE تست عملکردی وب: 1 - برنامه ریزی تست وب 2 - استراتژی تست حداقلی ضروری (METS) 3 - استفاده از METS برای زمان بندی 4 - انتقال وضعیت بازنمایی (REST): معماری وب 5 - مقدمه ای بر XPath تست غیرعملکردی وب: 1 - مقدمه ای بر تست امنیتی 2 - تکنیک های تست امنیتی 3 - مروری بر ده ریسک برتر OWASP 4 - ده ریسک برتر امنیتی OWASP (1 تا 5) 5 - ده ریسک برتر امنیتی OWASP (6 تا 10) 6 - تست فازی 7 - مقدمه ای بر تست عملکرد 8 - مقدمه ای بر JMeter تست موبایل: 1 - آشنایی با اپیم (Appium)

درباره دوره: در دوره آموزش Node Js قرار است مباحث آموزشی با محوریت Node Js ارائه شود. اما در طول دوره آموزشی عناوینی همچون Node Js و express Js نیز به طور کامل آشنا خواهید شد. در ابتدای این دوره مخاطبان با تکنولوژی‌‌هایی که معمولا در کنار Node Js قرار می‌‌گیرند، آشنا می‌‌شوند؛ مسائلی همچون دیتابیس‌‌ها، فریم ورک‌‌ها و ... Node js یک زبان برنامه‌نویسی، فریم‌ورک یا یک کتابخانه نیست بلکه محیطی است که کدهای جاوا اسکریپت در آن اجرا می‌شود. به بیان بهتر، node js یک پلتفرم سمت سرور است که روی موتور جاوا اسکریپت گوگل کروم (V8 Engine) ساخته شده است. این پلتفرم توسط Ryan Dahl در سال 2009 ایجاد شد و به شدت در حال توسعه است. Node js یک محیط runtime منبع‌باز است که به توسعه‌دهندگان اجازه می‌دهد انواع ابزارها و برنامه‌های سمت سرور را در javascript ایجاد کنند. این پلتفرم برای استفاده در خارج از مرورگر در نظر گرفته شده است. این بدین معناست که Node js می‌تواند مستقیما روی سیستم‌عامل کامپیوتر یا سرور اجرا شود. بدین ترتیب این محیط APIهای جاوا اسکریپت ویژه مرورگر را حذف کرده و پشتیبانی از APIهای سیستم‌عامل‌های سنتی‌تر مانند HTTP و کتابخانه‌های سیستم فایل را اضافه کرده است. از منظر توسعه وب سرور node js مزایای زیادی را به همراه دارد. بعضی از آن‌ها عبارتند از: اولین هدف این دوره آشنایی شما با Node Js و express Js می‌‌باشد. هدف دیگر این دوره آن است که شما شرکت کنندگان عزیز دانش خودتان را به دنیای جدیدی از دیتاهایی که مربوط به Back end می‌‌باشد متصل کنید و در با این دیدگاه به یادگیری Node Js و اکسپرس جی اس بپردازید. در ادامه اهداف این دوره باید به آشنایی با سایر مباحث موجود در این دسته بندی نیز اشاره کنیم. یعنی در طول این دوره صرف نظر از آموزش نود جی اس، یادگیری ساختارهای مربوط به MVC و مایکرو سرویس نیز مد نظر می‌‌باشد و در برنامه ریزی قرار گرفته است. آموزش Node Js در این دوره به صورت آموزش پروژه محور node js و در طول دوره با انجام تمرینات و پروژه‌‌های تعریف شده به طور کامل با مفاهیم ارائه شده در این دوره برخورد خواهید کرد. برای شرکت در دوره آموزش Node Js اولین پیش نیاز داشتن آگاهی پیرامون جاوا اسکریپت می‌‌باشد. بهتر از پیش از گذراندن این دوره سری به دوره‌‌های آموزشی مربوط به جاوا اسکریپت بزنید و با گذراندن دوره‌‌های مربوط به جاوا اسکریپت خودتان را برای شرکت در دوره آموزش Node Js آماده کنید. آموزش پروژه محور Node Js به این صورت تهیه و تدوین شده که در مدت آموزش و با انجام پروژ‌‌ه‌‌های تعریف شده به صورت کاربردی مطالب را فرا بگیرید. به علت گستردگی مفاهیم دنیای بک اِند، آموزش کامل تمام مباحث در طول یک دوره امکان پذیر نمی‌‌باشد اما در این دوره سعی شده است تا اشاره خوب و نسبتا کاملی به همه مفاهیم مربوط به این مبحث انجام شود. در ادامه این دوره تمریناتی در نظر گرفته شده است و دراین تمرینات قرار است که تمام آنچه که به یک اپ خوب و کامل مربوط می‌‌شود را در قالب Node Js و express Js برنامه نویسی کنید. بنابراین در مدت انجام تمرینات همه مفاهیمی که در بالا به آن اشاره شد برای‌‌ شرکت کنندگان مرور خواهد شد. نگاه کاربردی به مسائل Node Js در اولویت این دوره است؛ بنابراین در طی مدت برگزاری دوره آموزش نود جی اس وقت زیادی صرف بیان مطالب غیر کاربردی در دنیای واقعی برنامه نویسی نشده است. بی شک احترام به وقت و هزینه شما از اولویت‌‌های اصلی این دوره و سایر دوره‌‌های آموزشی مکتب‌‌خونه خواهد بود. پاسخگویی به تمرینات ارائه شده در دوره آموزش Node Js به صورت ویدوئوهایی است که هیچگونه ابهامی را برای مخاطب باقی نمی‌‌گذارد. منبع اصلی تمرینات و مباحث ارائه شده دوره آموزش نود جی اس در طول دوره در اختیار شما قرار خواهد گرفت. به این ترتیب شما برای به دست آوردن اطلاعات بیشتر و استفاده از سایر مسائل و سرفصل‌‌ها با مشکلی رو به رو نخواهید شد. طیق برنامه ریزی انجام شده برای این دوره در زمان انجام تمرینات شما مخاطبان عزیز از همراهی یک مربی آگاه به تمام مسائل مربوطع برخوردار خواهید بود. اینگونه می‌‌توانید با قدرت و تسلط کامل وارد دنیای Node Js شوید. نود جی اس Node Jsیک محیط اجرای جاوا اسکریپت است که می‌تواند در بسترهای ویندوز، لینوکس، یونیکس و ... اجرا و پیاده‌سازی شود. آموزش نود جی اس برای توسعه‌دهندگان جاوا اسکریپت حیاتی و مهم است. نود جی اس یک دستیار قابل اعتماد در برنامه‌نویسی است که برای توسعه برنامه‌ها کاربرد بسیاری دارد. در ادامه با معرفی نود جی اس با مکتب‌خونه همراه باشید. جاوا اسکریپت در گذشته به عنوان یک زبان اسکریپت‌نویسی سمت کاربر استفاده می‌شد. در این حالت، اسکریپت‌هایی که با جاوااسکریپت نوشته می‌شدند، درون صفحات HTML قرار می‌گرفتند و سپس توسط موتور جاوااسکریپت در مرورگر کاربر پردازش می‌شدند. اما با ظهور نود جی‌اس، امکان استفاده از جاوااسکریپت برای نوشتن اسکریپت‌های سمت سرور فراهم شد. نود جی اس Node Js یک محیط اجرایی و کتابخانه جاوا اسکریپت اپن سورس یا منبع‌ باز برای اجرای برنامه‌های وب خارج از مرورگر است. رایان دال در سال 2009 این برنامه را توسعه داد و آخرین نسخه آن در آویل 2021 منتشر شد. با استفاده از این پلتفرم، زبان برنامه نویسی جاوا اسکریپت در محیط سرور اجرا می‌شود. با آموزش نود جی اس می‌توان جاوا اسکریپت را بدون مرورگر وب اجرا کرد. دلایل زیادی برای استفاده از نود جی اس و آموزش Node.js وجود دارد. این پلتفرم برای سمت سرور برنامه‌ها قابل استفاده است و طرفداران بسیاری دارد. از جمله کاربردهای نود جی اس را در ادامه بررسی خواهیم کرد: ·        نود جی اس Nodejs بر روی موتور V8 گوگل کروم ساخته شده است. به همین دلیل زمان اجرای آن بسیار سریع است. ·        پکیج Node Package Manager دارای بیش از 50000 بسته است که توسعه‌دهنگان می‌توانند در هر زمان و با توجه به عملکرد مورد نیاز خود، بسته مورد نظر را وارد کرده و در زمان آن صرفه‌جویی کنند. ·        نود جی اس برای ساخت برنامه‌های وب با حجم واقعی مناسب و ایده‌آل است. زیرا برای بازگرداندن داده‌ها نیازی به منتظر ماندن برای API ندارد. ·        تایم بارگذاری صدا و ویدیو در نود جی اس کاهش پیدا می‌کند. زیرا برای داشتن پایه کد یکسان، همگام‌سازی بهتری بین مشتری و سرور وجود دارد. ·        شروع پروژه‌ها با نود جی اس برای توسعه‌دهندگان جاوا اسکریپت آسان است. زیرا این پلتفرم یک منبع باز است و یک فریم ورک برای جاوا اسکریپت به شمار می‌رود. نود جی اس در صنایع متفاوتی کاربرد دارد. این صنایع شامل بانک‌داری، مراقبت‌های بهداشتی، تجارت الکترونیک، ارتباطات و سرگرمی هستند. توسعه‌دهندگان می‌توانند برنامه‌های مقیاس‌پذیر و با کارایی بالا خلق کنند. سرورهایی که با نود جی اس ساخته شده‌اند، منتظر API نمی‌ماند و به طور مستقیم به API بعدی منتقل می‌شود. ۱.  زمان پردازش داده‌ها در زمان بسیار کوتاهی انجام می‌شود و این کار با سرعت بسیار بالایی انجام می‌شود. این پلتفرم در زمان صرفه‌جویی می‌کند و فایل‌ها را به طور همزمان پردازش و آپلود می‌کند. ۲. یکی از جنبه‌های بسیار مهم نود جی اس استفاده این فریم ورک از جاوااسکریپت است. اکثر افراد با جاوا اسکریپت javascript آشنایی دارند و کار با نود جی اس برای آنها راحت است. ۳. نود جی اس با پلتفرم‌های بسیاری سازگاری دارد و در انواع مختلف سیستم‌ها از جمله ویندوز، یونیکس، لینوکس و سایز دستگاه‌ها قابل دسترسی است. ۴. درخواست‌های بسیار را می‌توان با استفاده از نود جی اس انجام داد. نسخه‌های این برنامه متمایز است و کاربران با سفارشی‌سازی می‌توانند اولیت‌های خود را تامین کنند. برای یادگیری نود جی اس باید قبل از شروع دوره آموزش نود جی اس، پیش نیاز آن را آموزش ببینید. این پلتفرم به دانش کامل درمورد جاوا اسکریپت، HTML و CSS نیاز دارد. کار با این پلتفرم برای کاربرانی که آشنایی با موارد ذکر شده ندارند، کمی دشوارتر خواهد بود. بهتر است پیش از کار با نود جی اس، با جاوا اسکریپت آشنا شوید. کلمه NPM مخفف Node Package Manager است که برای نود جی اس اهمیت بسیاری دارد. این پکیج دارای میلیون‌ها نسخه قابل دانلود است. هر بسته با توجه به نیاز کاربران سازماندهی شده است. NPM رایگان و به سرعت درحال رشد است. مونگو دیبی یک پایگاه اطلاعاتی داده است که برای حجم عظیمی از داده‌ها مورد استفاده قرار می‌گیرد. این پایگاه منبع باز و برای کاربران رایگان است. این پایگاه اطلاعاتی شامل مجموعه‌ای از مقادیر است که انواع مختلفی از داده‌ها را در خون جای داده است. پلتفرم نود جی اس برای CPU بسیار قوی و سنگین است. اگر نمی‌توانید از حجم سنگین استفاده کنید، این برنامه به شما پیشنهاد نمی‌شود. هم‌چنین برای پروژه‌هایی که به پایگاه داده رابطه‌ای دسترسی دارند،استفاده از نود جی اس پیشنهاد نمی‌شود. برای نصب نود جی اس باید مراحل زیر را دنبال کرد: 1. برای نصب نود جی اس، ابتدا باید از وب‌سایت رسمی نود جی اس آن را دانلود کنید. 2. سپس، باید این پلتفرم را نصب کنید. 3. مراحل نصب باید به درستی انجام شود و سپس، سیستم و یا دستگاه شما نیاز به راه‌اندازی مجدد دارد. در دوره آموزش نود جی اس مباحث آموزشی این پلتفرم به علاقه‌مندان ارائه می‌شود. هدف از این دوره آموزش و آشنایی افراد با نود جی اس و یادگیری مباحث مربوط به آن است. نخستین پیش نیاز این پلتفرم آشنایی با جاوا اسکریپت است که بهتر است پیش از شروع دوره آموزش نود جی اس در دوره‌های آموزشی جاوا اسکریپت شرکت کنید. آموزش Node js پروژه محور است و مباحث آن به طور کاربردی در مکتب‌خونه به افراد آموزش داده می‌شود. دوره آموزشی نود جی اس در یازده فصل در اختیار علاقه‌مندان به یادگیری این پلتفرم ارائه می‌شود. این دوره در 19 ساعت به پایان می‌رسد و جزئیات محتوای آن شامل 11 ساعت ویدیو و 8 ساعت تمرین و پروژه می‌باشد. پکیج جامع آموزش Node js در طی چهار هفته انجام می‌شود و افرادی که نمره قبولی بالای 70 را دریافت کنند، گواهینامه این دوره را از مکتب‌خونه دریافت خواهد کرد. ·        فصل اول: معرفی و نصب نود جی اس ·        فصل دوم: معرفی مفاهیم پایه‌ای ·        فصل سوم: معرفی ابزارکار در نود جی اس ·        فصل چهارم: معرفی و کار با اکسپرس جی اس ·        فصل پنجم: معرفی و کار با دیتابیس‌ها ·        فصل ششم: کار با فرم‌ها و Authentication و account کاربران ·        فصل هفتم: کار با ایمیل و Environment Variables ·        فصل هشتم: مدیریت فایل‌ها و resize کردن ‌آن‌ها ·        فصل نهم: نکات اضافی NodeJS ·        فصل دهم: چطور NodeJS را Deploy کنیم ·        فصل یازده: پروژه پایانی NodeJS نود جی اس توجهات را از همه کسب و کارها در دور دنیا به خود جلب کرده است. امروزه، کاربران بسیاری از این پلتفرم استفاده می‌کنند. این پلتفرم در روند صنعتی رشد چشم‌گیری داشته و بسیار محبوب است. علاقه‌مندان به یادگیری نود جی اس می‌توانند با شرکت در دوره‌ آموزش نود جی اس در مکنب خونه این برنامه را تنها در چندین ساعت یاد بگیرند. امکان ارتباط با اساتید مطرح و برجسته در این زمینه، امکان اخذ گواهینامه معتبر، دسترسی مادام‌العمر به دوره‌ها و هزینه مقرون‌به‌صرفه از مزایای اخذ دوره نود جی اس در مکتب خونه است. برای دیدن دیگر دوره‌های مکتب خونه نگاهی به صفحات آموزش برنامه نویسی و آموزش جاوا اسکریپت در مکتب خونه داشته باشید. فصل اول: معرفی و نصب‌‌‌‌‌ NodeJS: 1 - معرفی مفاهیم FrontEnd و BackEnd در برنامه‌نویسی 2 - نصب و آماده‌سازی محیط برنامه‌نویسی NodeJS 3 - آشنایی با دیتابیس‌ها مثل MySQL و MongoDB و غیره 4 - شروع اولیه برنامه‌نویسی با Nodejs و مروری با جاوا اسکریپت 5 - کوییز فصل معرفی و نصب NodeJS فصل دوم: معرفی مفاهیم پایه‌ای NodeJS: 1 - آشنایی با NodeJS و اجرای یک server, معرفی Methods و StatusCodes 2 - کار با NodeJS Module ها 3 - کار با NodeJS FileSystem ها 4 - کار با NodeJS URL 5 - معرفی framework های مختلف NodeJS 6 - کوییز فصل معرفی مفاهیم پایه‌ای NodeJS فصل سوم: معرفی ابزارکار در NodeJS: 1 - آشنایی با پروژه با Npm Module ها 2 - آشنایی با Eslint برای راه اندازی محیط کاری 3 - آشنایی و نصب Prettier برای کار در VSCode 4 - کار با file‌ ها و تبدیل آن‌ها به json 5 - کار با فولدر‌ها و خواندن تمامی csv فایل‌ها 6 - برنامه‌نویسی بخش processStep از پروژه 7 - برنامه‌نویسی بخش Merge و چگونگی ایجاد CSV فایل 8 - کوییز فصل معرفی ابزار کار در NodeJS 9 - پروژه اول: حرکت ربات‌ها فصل چهارم: معرفی و کار با ExpressJS: 1 - معرفی NodeJS Framework ها و دلیل انتخاب ExpressJS 2 - نصب و راه اندازی اولیه ExpressJS 3 - معرفی Routing و کار با Postman 4 - کار با middleware ها و تعریف آن‌ها 5 - برنامه‌نویسی personal website و error handling 6 - هندل کردن 404، کار با Morgan و کار با static file ها 7 - معرفی Templating 8 - کوییز فصل معرفی و کار با ExpressJS فصل پنجم: معرفی و کار با دیتابیس‌ها: 1 - آشنایی با دیتابیس‌ MySQL و نصب و ایجاد DB و Table و Insert rows 2 - کار با mysql با استفاده از دستورات ساده مثل createConnection 3 - کار با ORM و Sequelize 4 - چطور در دیتابیس import/export کنیم و اطلاعات را در صفحه نمایش دهیم؟ 5 - کار با route و فیلتر کردن و پیدا کردن اطلاعات در دیتابیس 6 - کار با order, limit و offset برای query زدن 7 - کوییز فصل معرفی و کار با دیتابیس‌ها فصل ششم: کار با فرم‌ها و Authentication و account کاربران: 1 - نوشتن search و شروع کار با POST/GET 2 - کار کردن با passport js برای login و sign up 3 - آشنایی با flash ها و نمایش آن‌ها 4 - کار کردن با Session و نگه داشتن وضعیت login 5 - چطور password را hash کنیم و از bcrypt استفاده کنیم 6 - چطور با validation در expressjs کار کنیم 7 - کار با isLoggedIn و کنترل دسترسی به صفحات مختلف 8 - کوییز فصل کار با فرم‌ها و Authentication و account کاربران فصل هفتم: کار با ایمیل و Environment Variables ها: 1 - کار با Environment Variables ها 2 - ارسال ایمیل با SMTP و NodeMailer 3 - نوشتن email template و کار با md5 4 - کامل کردن فرآیند reset password 5 - کوییز فصل کار با ایمیل و Environment Variables ها فصل هشتم: مدیریت فایل‌ها و resize کردن ‌آن‌ها: 1 - آپلود فایل با استفاده از Multer 2 - نحوه‌ی resize کردن فایل‌ها با Sharp 3 - کوییز فصل مدیریت فایل‌ها و resize کردن ‌آن‌ها 4 - پروژه دوم: سایت آپلود عکس با NodeJS فصل نهم: نکات اضافی NodeJS: 1 - آشنایی با Relation ها در Database 2 - آشنایی با MongoDB و Mongoose 3 - آشنایی با ساختار MicroService ها 4 - آشنایی با AWS و Lambda 5 - کوییز فصل نکات اضافی NodeJS فصل دهم: چطور NodeJS را Deploy کنیم: 1 - آشنایی با Docker و Deploy کردن پروژه با Docker 2 - آشنایی با SSH و Deploy کردن در سرور 3 - کوییز فصل چطور NodeJS را Deploy کنیم فصل یازده: پروژه پایانی NodeJS: 1 - کوییز نهایی NodeJS 2 - پروژه نهایی: ساخت فروشگاه اینترنتی با NodeJS

درباره دوره: دنیای اینترنت و وب امروزه به عضوی جدائی‌ناپذیر از دنیای فیزیکی تبدیل شده به طوری بیشتر فعالیت های ما به آن وابسته است. با ظهور اینترنت دیگر مرزهای جغرافیایی کم رنگ‌تر شده اند و هرکس می‌تواند از این فرصت برای پیشرفت خود استفاده کند. عدم آشنایی با این فضا باعث عقب ماندن از سایر هم نوعان و رقبا می‌شود. دوره آموزش طراحی وبسایت فرانت اند از مجموعه دوره‌های آموزش برنامه نویسی مکتب خونه مختص آشنایی با حوزه وب و طراحی سایت است. امروزه یکی رایج ترین راه های کسب درامد در وب، برنامه‌نویسی فرانت ‌اند است. در این فرایند تلاش می‌شود تا یک واسط کاربری مناسب برای کاربران فراهم شود تا استفاده از وب‌سایت، وب اپلیکیشن و… برای آنها ساده‌تر شود. دوره آموزش برنامه نویسی فرانت اند به شما این امکان را می‌دهد که با استفاده از کدنویسی، فضای سایت را طراحی کرده و آنچه را موردنظر UI Designer است را روی آن پیاده کنید. در واقع در این دوره یاد می‌گیرید با ابزار‌هایی مانند html و css چگونه بخش فرانت اند یک وب سایت را طراحی کنید. در این دوره مباحث زیادی با موضوع طراحی بخش Front یک وب‌سایت مطرح شده است. از جمله این موضوعات می‌توان به موارد زیر اشاره کرد: علاوه بر این موارد در این دوره با مباحث گسترده‌تری پیرامون موضوع برنامه‌نویسی فرانت اند آشنا خواهید شد. در این دوره مطالب لازم برای تبدیل شما به  یک برنامه نویس فرانت اند آموزش داده می‌شود و در نهایت خواهید توانست تا فرانت اند یک وب سایت از صفر تا صد انجام دهید. هدف اصلی این دوره آموزش برنامه‌نویسی فراند و همه ویژگی‌هایی است که برای طراحی بخش فرانت اند به آن نیاز خواهید داشت. مباحثی که برای آموزش در این دوره در نظر گرفته شده است به نحوی است که همه کاربران و علاقه‌مندان می‌توانند در این دوره شرکت کنند و مباحث ارائه شده را یاد بگیرند. این دوره ی بسیار کاربردی برای همه افرادی است که به فعالیت در حوزه طراحی وب علاقه دارند. همه دانشجویان رشته‌های مربوط به کامپیوتر و آی تی و هرکسی که به‌نوعی به برنامه نویسی علاقه داشته باشد؛ می‌توانند در این دوره شرکت کنند. فصل اول: آشنایی با مفاهیم FrontEnd Development: 1 - چه چیزهایی در این دوره یاد میگیرید؟ 2 - آشنایی با پروتکل و HTML 3 - آشنایی با Editorها 4 - آشنایی با مرورگر‌ها 5 - آشنایی اولیه با Inspect Element و تفاوت و کارآیی مرورگر‌ها 6 - چطور این دوره را بگذارنید؟ 7 - کوییز آشنایی با مفاهیم FrontEnd Development فصل دوم: آشنایی با HTML به صورت پایه‌ای: 1 - آشنایی با تگ‌های اولیه html, body, head 2 - آشنایی با Heading ها و Paragraph 3 - آشنایی بیشتر با Typography و تگ‌های Strong, i, Strike, Article 4 - کوییز آشنایی بیشتر با تگ‌ها 5 - کار با LiveServer برای تجربه‌ی برنامه‌نویسی بهتر 6 - کوییز کار با LiveServer برای تجربه‌ی برنامه‌نویسی بهتر 7 - آشنایی با Comment ها و List ها در HTML 8 - کوییز آشنایی با Comment ها و List ها در HTML 9 - کار با Table ها در HTML 10 - چطور از HTML برای Formatting استفاده کنیم؟ 11 - توضیح تمرین فصل دوم: یک مقاله‌ی انگلیسی بنویسید 12 - تمرین فصل دوم: یک مقاله‌ی انگلیسی بنویسید فصل سوم: آموزش ویژگی‌های پیشرفته‌تر در HTML و آشنایی با attributeها: 1 - کار با نمایش لینک و عکس در HTML 2 - آشنایی با favicon, charset و URL Encode ها در HTML 3 - کوییز آشنایی با favicon, charset و URL Encode ها در HTML 4 - آشنایی با Form Tag ها 5 - روش‌های نمایش ویدئو و سایر مدیا‌ها در مرورگر و معرفی iframe 6 - کوییز نمایش ویدیو 7 - آموزش Map کردن روی Image، تگ‌های Map, Area و Picture 8 - آشنایی با Semantics در HTML 9 - آموزش Extension‌های Prettier, HTML Boilerplate و Emmet 10 - کوییز استایل دهی 11 - توضیح تمرین فصل سوم: یک صفحه نمایش ویدئو از سایت آپارات یا یوتیوب بسازید 12 - تمرین فصل سوم: یک صفحه نمایش ویدئو از سایت آپارات یا یوتیوب بسازید فصل چهارم: آموزش Style دادن صفحه و زبان CSS به صورت پایه‌ای: 1 - چطور استایل دهیم و CSS چیست؟ 2 - کار با CSS Selector ها و تغییر ‌Background Color 3 - آشنایی با border, border-radius و ایجاد card 4 - کوییز گردکردن دوره عکس 5 - آشنایی با Padding و Margin و Outline 6 - کار با font ها در CSS 7 - کوییز فرمت فرانت در وب 8 - ویرایش متن با text-transform, text-decoration و کلی property دیگر 9 - آموزش استایل دادن Link ها، List ها و Tableها 10 - آموزش Poistion Absolute/Relative/Fixed و Center کردن یک Element 11 - کوییز نمایش المنت روی المنت دیگر 12 - توضیح تمرین فصل چهارم: یک Card بسازید 13 - تمرین فصل چهارم: یک Card بسازید فصل پنجم: آموزش CSS و مباحث پیشرفته‌تر: 1 - آموزش کار با Z-index و Opacity 2 - آموزش Combinator ها در CSS 3 - کوییز تایپوگرافی 4 - آموزش کار با Pseudo-classes ها 5 - آشنایی کار با Pseudo-element ها 6 - کار با Unit های مختلف و معرفی سایت type-scale.com 7 - آشنایی با vw, vh و calc و بررسی CSS Attribute Selector ها 8 - کوییز استفاده از vh 9 - کار با Media Queries ها و Max و Min Width و Height 10 - کوییز Media Queries 11 - توضیح تمرین فصل پنجم: پیاده‌سازی سه باکس 12 - تمرین فصل پنجم: پیاده‌سازی سه باکس فصل ششم: آموزش CSS FLEX و پروژه‌ی پیاده‌سازی سایت Envato.com: 1 - آموزش اولیه و شروع پروژه با Flex 2 - آموزش Justify Content و Align Items و پیاده‌سازی navbar 3 - کار با Flex Direction، SVG و Transition 4 - کوییز سیستم Flex 5 - آموزش کار با Flex Wrap و Overflow 6 - کار با Flex Grow و Flex Shrink و Flex Basis 7 - کوییز Flex-Grow:1 8 - پیاده‌سازی DropDown 9 - توضیحات تمرین فصل ششم: پیاده‌سازی سایت Udemy.com 10 - تمرین فصل ششم: پیاده‌سازی سایت Udemy.com فصل هفتم: آموزش CSS GRID و پیاده‌سازی Myer.com.au: 1 - آموزش مقدماتی CSS Grid و شروع پروژه‌ی Myer 2 - کوییز CSS Grid 3 - کار با Grid Gap و Modular کردن CSS 4 - آموزش تعریف auto-fit و auto-fill همراه با repeat 5 - کوییز auto-fill 6 - کار با CSS Variable ها 7 - کار با Gradient، پیاده‌سازی Overlay و کار با :focus 8 - کوییز المنت‌های موازی 9 - توضیح تمرین فصل هفتم: پیاده‌‌سازی سایت Groupon 10 - تمرین فصل هفتم: پیاده‌‌سازی سایت Groupon فصل هشتم: آموزش SASS و پیاده‌سازی صفحه لاگین miro.com: 1 - آموزش اولیه SASS 2 - معرفی SASS Architecture و Import و Variable ها در SASS 3 - کوییز SASS 4 - تعریف button ها و آموزش BEM - Block - Element - Modifiers 5 - کوییز روش Bem 6 - پیاده‌سازی input ها و کار با Mixins 7 - کوییز mixins 8 - کار با CSS Animation ها و تعریف Keyframes 9 - توضیح تمرین فصل هشتم: پیاده‌سازی صفحه اصلی سایت miro.com 10 - تمرین فصل هشتم: پیاده‌سازی صفحه اصلی سایت miro.com فصل نهم: آشنایی و کار با Frameworkهای CSS: 1 - آموزش Bootstrap و چرایی استفاده یا عدم استفاده از آن 2 - بررسی JavaScript در Bootstrap و آشنایی با Modal 3 - کوییز چرا bootstrap 4 - بررسی و معرفی Material Framework 5 - بررسی و معرفی Ant Design، Foundation و Pure.css 6 - بررسی و معرفی جزئی تر از Tailwind 7 - کوییز Tailwind 8 - توضیح تمرین فصل نهم: پیاده‌سازی سایت eventbrite.com با یک CSS Framework 9 - تمرین فصل نهم: پیاده‌سازی سایت eventbrite.com با یک CSS Framework فصل دهم: نکات بیشتر: 1 - آموزش اولیه JavaScript و معرفی دوره‌ 2 - آموزش اولیه JQuery و چرایی استفاده یا عدم استفاده از آن 3 - آموزش مقدماتی با Node و Node-modules و Bower و Gulp و غیره 4 - بعد از آموزش HTML و CSS و کمی JavaScript چه کنیم؟ 5 - توضیح تمرین فصل دهم: پیاده‌سازی Uxcel.com 6 - تمرین فصل دهم: پیاده‌سازی Uxcel.com

درباره دوره: دوره "Complete Intro to React, v8" یک دوره جامع و کاربردی است که شما را با دنیای هیجان‌انگیز React 18.x+ آشنا کرده و توانایی شما را برای ساخت اپلیکیشن‌های واقعی و مدرن افزایش می‌دهد. فراتر از یک مقدمه ساده، این دوره از صفر شروع کرده و شما را با جدیدترین ویژگی‌های React از جمله هوک‌ها، افکت‌ها، کنتکست و پورتال‌ها آشنا می‌کند. در طول دوره، شما با ترکیب ابزارهای متنوع اکوسیستم React (مانند Vite، ESLint، TailwindCSS، React Router و React Query) یک اپلیکیشن کامل برای جستجوی حیوانات خانگی قابل اتخاذ را پیاده‌سازی خواهید کرد. با گذراندن این دوره، شما درک عمیقی از مفاهیم بنیادی React به دست آورده و قادر خواهید بود تا به صورت مستقل اپلیکیشن‌های پیچیده و تعاملی را توسعه دهید. همچنین، با آخرین تکنولوژی‌های مورد استفاده در صنعت آشنا شده و می‌توانید به سرعت خود را با تغییرات دنیای توسعه وب تطبیق دهید. مقدمه: 1 - مقدمه تنظیم و ابزارها: 1 - Pure React و createElement 2 - سوالات و پاسخ‌های Pure React 3 - کامپوننت‌های Pure React 4 - تنظیم npm و Prettier 5 - تنظیم ESLint و Git 6 - تنظیم Vite مفاهیم اصلی React: 1 - JSXi 2 - تنظیم ESLint و React 3 - هوک useState 4 - سوالات و پاسخ‌های هوک‌ها 5 - نقشه برداری از داده‌ها با هوک‌ها 6 - اضافه کردن Animal Breed 7 - افکت‌ها 8 - هوک سفارشی useBreedList 9 - بررسی ورودی کاربر 10 - ترکیب کامپوننت 11 - سبک‌دهی کامپوننت Pet 12 - ابزارهای توسعه React قابلیت‌های React: 1 - React Router 2 - useParams 3 - React Query 4 - بهینه‌سازی عملکرد با React Query 5 - بازسازی fetchBreedList 6 - فرم‌های کنترل نشده 7 - کامپوننت‌های کلاس 8 - برخورد با رویدادها در کامپوننت‌های کلاس ابزارهای خاص React: 1 - مرزهای خطا 2 - مدل‌ها با پورتال‌ها 3 - پیاده‌سازی مدل‌ها با پورتال‌ها 4 - کنتکست 5 - سوالات و پاسخ‌های کنتکست جمع‌بندی: 1 - جمع‌بندی

علم داده (Data Science) شامل مجموعه‌ای از اصول، تعریف مسئله، الگوریتم‌ها و فرآیندها است که هدف آن استخراج الگوهای غیرواضح و مفید از مجموعه داده‌ها است. امروز علم داده در حال تحول حوزه‌های علمی و کاربردی مختلف از پزشکی، روان شناسی، علوم اجتماعی، کسب‌وکار و مدیریت، علوم پایه، فنی و مهندسی و … است.

 

سرفصل‌های دوره علم داده (دیتا ساینس)

این دوره در ۳۱ جلسه برگزار می‌شود که هر جلسه ۳ ساعت و نیم است. جمعاً در این دوره بیش از صد ساعت محتوای آموزشی با تکیه بر حل مسئله از دنیای واقعی در حوزه‌های مختلف علم داده ارائه می‌گردد. برنامه هر جلسه به شرح زیر است:

جلسه اول: مقدمه‌ای بر علم داده، نصب آناکوندا، کار اولیه با پایتون (اعداد، حروف، عملگرها)

جلسه دوم: ساختارهای داده، عبارات شرطی و حلقه‌ها در پایتون

جلسه سوم: ماژول‌ها و کتابخانه، توابع و کلاس در پایتون، مثال الگوریتم نیوتن-رافسون

جلسه چهارم: آشنایی با کتابخانه Numpy در پایتون، مروری بر مفاهیم جبرخطی و ماتریس‌ها

جلسه پنجم: آشنایی با کتابخانه Pandas در پایتون

جلسه ششم: آشنایی با کتابخانه Matplotlib در پایتون

جلسه هفتم: روش‌های آمار توصیفی و استنباطی برای شناخت داده- موردکاوی اول

جلسه هشتم: نحوه مواجهه با داده‌های گمشده و داده‌های پرت- موردکاوی دوم

جلسه نهم: مقدمه‌ای بر یادگیری ماشین، آشنایی با الگوریتم kNN

جلسه دهم: پیاده‌سازی الگوریتم kNN در پایتون و آشنایی با مراحل مدل‌سازی در یادگیری ماشین – موردکاوی سوم

جلسه یازدهم: الگوریتم رگرسیون خطی

جلسه دوازدهم: پیاده‌سازی الگوریتم رگرسیون خطی در پایتون – موردکاوی چهارم

جلسه سیزدهم: رگرسیون گام به گام و رویکردهای قاعده‌سازی در رگرسیون خطی- موردکاوی پنجم

جلسه چهاردهم: آشنایی با الگوریتم درخت تصمیم و جنگل تصادفی در یادگیری ماشین- موردکاوی ششم

جلسه پانزدهم: آشنایی با رگرسیون لجستیک

جلسه شانزدهم: آشنایی با الگوریتم‌های kNN، درخت تصمیم، جنگل تصادفی و ماشین بردار پشتیبان برای حل مسائل دسته‌بندی

جلسه هفدهم: پیاده‌سازی الگوریتم‌های دسته‌بندی در پایتون – موردکاوی هفتم

جلسه هجدهم: آشنایی با الگوریتم‌های نظارت‌نشده؛ خوشه‌بندی و کاهش بعد

جلسه نوزدهم: پیاده‌سازی الگوریتم‌های نظارت‌نشده در پایتون- موردکاوی هشتم

جلسه بیستم: مقدمه‌ا‌ی بر یادگیری عمیق- موردکاوی نهم

جلسه بیست‌ویکم: تحلیل سری‌های زمانی

جلسه بیست‌ودوم: پیاده‌سازی تحلیل سری‌های زمانی در پایتون- موردکاوی دهم

جلسه بیست‌وسوم: مقدمه‌‌ای بر زبان برنامه‌نویسی R: ساختارهای داده، عبارات شرطی، حلقه‌ها، توابع و کتابخانه

جلسه بیست‌وچهارم: تحلیل‌های آماری در R- موردکاوی یازدهم

جلسه بیست‌وپنجم: پیاده‌سازی یادگیری ماشین در R بخش اول – موردکاوی پنجم در R

جلسه بیست‌وششم: پیاده‌سازی یادگیری ماشین در R بخش دوم – موردکاوی هفتم در R

جلسه بیست‌وهفتم: آشنایی با مفاهیم پایگاه داده و انبار داده

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

جلسه بیست‌ونهم: تمیزکردن و پردازش داده‌ها در SQL- موردکاوی دوازدهم، بخش دوم

جلسه سی‌ام: کوئری‌نویسی پیشرفته در SQL- موردکاوی دوازدهم، بخش سوم

جلسه سی‌‎ویکم: مقدمه‌ای بر پیاده‌سازی محصولات داده‌محور- موردکاوی سیزدهم

علاقمندان به حوزه علوم داده (Data Science)، یادگیری ماشین و داده‌کاوی، اعضای تیم داده و هوش تجاری شاغل در استارتاپ‌ها، سازمان‌ها و کسب و کارها، علاقه‌مندان به امور پژوهشی در حوزه علم داده و افرادی که به دنبال آموزش های کاربردی و ارتقاء مهارت های خود هستند، می‌توانند در این دوره شرکت نمایند. با مراجعه به صفحه آشنایی با رشته‌های دانشگاهی مرتبط با علم‌ داده در ایران به درک بیشتری در این حوزه می‌رسید.