کانال تلگرام پشتیبانی تلگرام شماره تماس پشتیبانی: 0930 395 3766
ورود ثبت نام

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

دانلود The Complete Frontend Engineering Interview Preparation Kit

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

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

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

**این دوره، مجموعه‌ای از تمام دوره‌های من در یودمی است**

سلام، من مانوج هستم.

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

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

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

آنچه خواهید آموخت:

  • آموزش جامع جاوااسکریپت: از مفاهیم پایه تا پیشرفته
  • تسلط بر ابزارهای توسعه گوگل کروم (Google Chrome Dev Tools)
  • یادگیری تایپ‌اسکریپت از ابتدا تا پیشرفته
  • کار با ری‌اکت، رد‌اکس و متریال یو‌آی (React, Redux & Material UI)
  • طراحی سیستم‌های فرانت‌اند مقیاس‌پذیر (Designing Scalable Frontend Systems)
  • راهنمایی برای مصاحبه طراحی سیستم فرانت‌اند (Frontend System Design Guidance)
  • سوالات مصاحبه فرانت‌اند و راه‌حل‌های آن‌ها (Interview Questions & Solutions)
  • آشنایی با معیارهای ارزیابی مصاحبه‌کنندگان
  • نکات کلیدی در زندگی شغلی مهندسی نرم‌افزار (Software Engineering Life lessons)
  • پاسخ به سوالات متداول (Frequently Asked Questions)
  • مشاوره شغلی برای مهندسان نرم‌افزار (Software engineer career advice)
  • راهکار عملی برای مقابله با مراحل مختلف مصاحبه (Dealing with interview rounds)
  • توسعه مهارت‌های نرم (Soft skills development)
  • تشویق به مطالعه مقالات مرتبط با پیشرفت شغلی

پیش‌نیازها:

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

مزایای کلیدی این دوره:

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

مقدمه Introduction

  • مقدمه دوره Course Introduction

  • آنچه در این دوره انتظار دارید What you can expect in this course

  • مشاوره شغلی و درس‌های گنجانده شده Career advice & lessons included

  • ملاقات با مربی Meet the instructor

  • کفش های طراح را بپوشانید Wear the designer's shoes

  • بیایید نمونه کارهای آنلاین شما را بسازیم. Let's build your online portfolio.

  • مزایای پیوستن به یک شرکت مبتنی بر محصول Benefits of joining a product-based company

  • فرآیند مصاحبه فرانت‌اند Frontend interview process

  • بیایید سفر را آغاز کنیم. Let's begin the journey.

بوت‌کمپ جاوااسکریپت The Javascript Bootcamp

  • سفر جاوااسکریپت من. My JavaScript journey.

  • چرا جاوااسکریپت؟ Why JavaScript ?

  • مقدمه بوت‌کمپ JS. Introduction to JS bootcamp.

  • دستور کار بوت‌کمپ Bootcamp agenda

  • طراحی مبتنی بر کامپوننت Component based design

  • مزایای طراحی مبتنی بر کامپوننت Benefits of component based design

  • تاریخچه مختصری از جاوااسکریپت A brief history of JavaScript

  • خالق جاوااسکریپت The creator of JavaScript

  • روزهای اولیه JS The early days of JS

  • مشخصات ECMAScript ECMAScript specification

  • ECMAScript در مقابل جاوااسکریپت ECMAScript vs JavaScript

  • ویژگی‌های ES 2015 / ES6 ES 2015 / ES6 features

  • چرا به ES6 نیاز بود؟ Why was ES6 needed ?

  • ویژگی‌های اصلی معرفی شده در ES6 Main features introduced in ES6

  • معرفی جاوااسکریپت Introducing JavaScript

  • موتور زمان اجرای جاوااسکریپت The JavaScript runtime engine

  • اطلاعات بیشتر در مورد موتور JS More about the JS engine

  • مرورگرهای وب و موتورها The web browsers & engines

  • موتور قدرتمند V8 The almighty V8 engine

  • V8 در مقابل سایر موتورهای JS V8 vs other JS engines

  • بررسی انواع داده در جاوااسکریپت A Walkthrough of data types in JavaScript

  • چرا اصلاً به انواع داده نیاز داریم؟ Why do we even need data types ?

  • انواع داده‌های JS را به خاطر بسپارید Remember JS data types

  • بررسی عملگرها در جاوااسکریپت A Walkthrough of operators in JavaScript

  • اطلاعات بیشتر در مورد عملگرها در JS More about operators in JS

  • دامنه لغوی و گذرگاه‌های کامپایلر The Lexical scope & compiler passes

  • مفهوم "Hoisting" The concept of "Hoisting"

  • توابع را برای تبدیل شدن به یک متخصص JS درک کنید Understand functions to become an expert in JS

  • بررسی توابع در جاوااسکریپت A walkthrough of functions in JavaScript

  • پروتوتایپ چیست؟ What is a "prototype" ?

  • اطلاعات بیشتر در مورد پروتوتایپ‌ها در JS More about prototypes in JS

  • متدهای Call, Apply و Bind Call, Apply and Bind methods

  • الگوی عبارات تابعی که بلافاصله فراخوانی می‌شوند (IIFE) Immediately Invoked Function Expressions ( IIFE ) pattern

  • آیا جاوااسکریپت "تک‌رشته‌ای" است؟ Is JavaScript "single-threaded" ?

  • حلقه رویداد The Event loop

  • اطلاعات بیشتر در مورد حلقه رویداد. More about the event loop.

  • بررسی ابزارهای توسعه دهنده گوگل کروم A walkthrough of Google chrome dev tools

  • نقل قولی درباره مغز انسان A quote on human brain

  • معرفی متدهای رشته Introducing String methods

  • بررسی متدهای رشته‌ای ایستا و پروتوتایپ A walkthrough of static & prototype string methods

  • شما برای ارجاع به یک برگه تقلب نیاز دارید You need a cheat sheet for reference

  • یک برگه تقلب از متدهای رشته A cheat-sheet of string methods

  • معرفی متدهای آرایه Introducing Array methods

  • بررسی تمام متدهای آرایه A Walkthrough of all Array methods

  • یک برگه تقلب از متدهای آرایه A cheat-sheet of array methods

  • چرا عملکرد آرایه مهم است؟ Why is array performance important ?

  • عملکرد متدهای آرایه Performance of Array methods

  • کلمه کلیدی 'this' در JS The 'this' keyword in JS

  • وارد کردن ایستا و پویا Static and Dynamic Importing

  • Callbacks و Promises در JS Callbacks and Promises in JS

  • تابع مولد* در JS Generator function* in JS

  • Closure ها چیستند؟ What are "Closures" ?

  • مدیریت خطاها در JS Handling errors in JS

  • مدیریت حافظه در JS Memory management in JS

  • حالت سختگیرانه The strict mode

  • حقایق شگفت انگیز در مورد JS Surprising facts about JS

  • مطالب و لینک‌های مرجع Reference materials & links

  • ارزیابی نهایی Final Assessment

  • تبریک برای اتمام بوت‌کمپ JS Congratulations on completing JS Bootcamp

انتخاب پلت فرم Platform selection

  • دستگاه های هدف Target devices

  • برنامه های پیشرفته وب Progressive web apps

  • خلاصه Summary

تسلط بر ابزارهای توسعه دهنده گوگل کروم Mastering google chrome dev tools

  • ابزارهای توسعه دهنده کروم Chrome dev tools

  • تب Elements The Elements tab

  • تب Console The Console tab

  • متدهای رایج کنسول Common console methods

  • ۲۵ میانبر مفید صفحه کلید برای گوگل کروم. 25 useful keyboard shortcuts for Google Chrome.

بهینه سازی موتور جستجو Search engine optimisation

  • اهمیت جستجوگرها Importance of SEO

  • استاندارد گراف را باز کنید Open graph standard

بوت‌کمپ تایپ‌اسکریپت The TypeScript Bootcamp

  • چرا تایپ‌اسکریپت؟ Why TypeScript ?

  • ۱۸ مزیت افزودن تایپ‌اسکریپت به پروژه شما 18 benefits of adding TypeScript to your project

  • به بوت‌کمپ تایپ‌اسکریپت خوش آمدید Welcome to the TypeScript bootcamp

  • مزایای استفاده از تایپ‌اسکریپت در پروژه شما Benefits of using TypeScript in your project

  • دستورالعمل‌ها و راهنمایی‌های بوت‌کمپ Bootcamp instructions & guidelines

  • پیش‌نیازهای بوت‌کمپ Pre requisites for the bootcamp

  • ایجاد کتابخانه شخصی خود از قطعه کدها Creating your personal library of code snippets

  • نمونه‌های "ماشین"، "دوچرخه" و "هواپیما" The "Car", "Bike" and "Plane" examples

  • بیایید سفر TS را آغاز کنیم Let's begin the TS journey

  • مشکل جاوااسکریپت The Problem with JavaScript

  • مشکل جاوااسکریپت چیست؟ What's wrong with JavaScript ?

  • آزمایش آزمایشگاهی: سر و صدای زمان اجرای جاوااسکریپت! Lab Experiment: JavaScript Runtime Querk!

  • تنظیم ماشین محلی Local machine setup

  • راه اندازی پروژه بوت استرپ Bootstrap project setup

  • افزونه‌های VS Code VS Code extensions

  • محیط بازی آنلاین تایپ‌اسکریپت The TypeScript online playground

  • آزمایش آزمایشگاهی: کامپایل TS Lab Experiment: TS Compilation

  • کاوش در گزینه‌ها/فلگ‌های کامپایلر TS Exploring TS Compiler options / flags

  • آزمایش آزمایشگاهی: توقف کامپایل TS Lab Experiment: Stopping TS Compilation

  • مسابقه تایپ‌اسکریپت و کامپایلر آن TypeScript & it's Compiler Quiz

  • حاشیه‌نویسی نوع داده اولیه Primitive Type annotations

  • بررسی انواع اولیه Primitive Types Walkthrough

  • نوع آرایه Array Type

  • انواع Union Union Types

  • نام مستعار نوع Type aliases

  • آزمایش آزمایشگاهی: حاشیه‌نویسی انواع پایه Lab Experiment: Annotating basic types

  • نوع "Function" The "Function" Type

  • Interface ها Interfaces

  • انواع اشیاء Object types

  • آزمایش آزمایشگاهی: نوع Interface و شیء Lab Experiment: Interface type and object

  • Interface در مقابل نام مستعار نوع Interface VS Type alias

  • تغییر نام اولیه‌ها Renaming primitives

  • افزودن فیلد Field addition

  • قابلیت توسعه Extensibility

  • حاشیه‌نویسی نوع خاص Special Type annotations

  • نوع خاص | "any" Special Type | "any"

  • نوع خاص | "unknown" Special Type | "unknown"

  • نوع خاص | "void" Special Type | "void"

  • نوع خاص | "never" Special Type | "never"

  • غواصی در انواع Literal Dive into Literal Types

  • بررسی انواع Literal Literal Types walkthrough

  • استنتاج Literal Literal Inference

  • Example | Union combination

  • Example | Non literal combination

  • درک انواع Tuple Understanding Tuple types

  • حاشیه‌نویسی انواع Tuple Annotating Tuple types

  • استفاده از tuple برای پاسخ‌های API Using tuple for API responses

  • Tuple با Interface Tuples with Interfaces

  • مشخص کردن خصوصیات اختیاری Specifying optional properties

  • Tuple های فقط خواندنی Read only tuples

  • استنتاج تأیید آرایه Array assertion inference

  • عناصر پارامتر باقی مانده Rest parameter elements

  • آزمایش آزمایشگاهی: حاشیه‌نویسی Tuple Lab Experiment: Tuple annotation

  • چند مفهوم مهم Few Important concepts

  • تأیید نوع Type assertions

  • تأیید غیر null Non null assertion

  • تبدیل‌های غیرممکن Impossible coersions

  • تبریک! شما این کار را انجام دادید. Congratulations! You did it.

شناسایی گردش کار کاربر Identifying User workflows

  • همکاری با محصول Collaboration with product

  • سناریوهای گردش کار Workflow scenarios

کارگاه React، Redux و Material UI React, Redux & Material UI Workshop

  • مقدمه کارگاه Introduction to the workshop

  • به کارگاه React خوش آمدید Welcome to the React workshop

  • سفری به React. A React Journey.

  • React چیست؟ What is React ?

  • Virtual DOM چیست؟ What is the "Virtual DOM" ?

  • نحو JSX The JSX syntax

  • سبک‌دهی به عناصر JSX با JSS Styling JSX elements with JSS

  • رندر کامپوننت‌ها درون JSX Render components inside JSX

  • اندازه بسته افزایشی برنامه‌های React Incremental bundle size of React apps

  • بررسی وب‌سایت React A walkthrough of React website

  • عصر قدرتمند React The strong era of React

  • Redux چیست؟ What is Redux ?

  • سه اصل Redux Three principles of Redux

  • جریان کاری Redux-Saga Redux-Saga workflow

  • بررسی وب‌سایت رسمی Redux A walkthrough of Redux official website

  • افزونه مرورگر ابزارهای توسعه Redux Redux dev tools chrome extension

  • مدیریت وضعیت Redux Redux state management

  • پروژه MSK Todos - طراحی UI سطح بالا Project MSK Todos - High level UI design

  • طراحی کامپوننت Todo Item Todo Item component design

  • آماده ... ثابت ... صبر کنید! Ready ... Steady .... Wait !

  • برنامه React را از ابتدا ایجاد کنید Create the react app from scratch

  • نصب وابستگی‌ها Installing dependencies

  • راه اندازی Redux-Sage از ابتدا Redux-Sage setup from scratch

  • بررسی وب‌سایت Material UI Material UI website walkthrough

  • یک AppBar در بالا اضافه کنیم Let's add an AppBar on top

  • افزودن کلاس‌ها با MakeStyles Adding classes with MakeStyles

  • افزودن یک Todo جدید Adding a New todo

  • علامت‌گذاری Todo به عنوان تکمیل شده Marking Todo as completed

  • حذف todos Deleting todos

  • علامت‌گذاری Todo به عنوان مهم Marking Todo as important

  • مشکلات کامپوننت TodoAdder TodoAdder component issues

  • ماندگاری وضعیت در مرورگر State persistence in browser

  • بررسی مستندات JEST A walkthrough of JEST documentation

  • راه اندازی JEST در برنامه Setting up JEST in the app

  • چند تست واحد بنویسید Write few unit tests

  • گزارش پوشش را تولید کنید Generate coverage report

  • مسابقه تست JEST JEST testing Quiz

  • دانلود کد منبع Download the source code

  • تست React، Redux و M-UI React, Redux & M-UI Test

  • تبریک برای اتمام کارگاه Congratulations on completing the workshop

طراحی مبتنی بر جزء Component based design

  • روش میکرو پیشخوان Micro frontend methodology

  • تصمیم گیری در مورد حالت برنامه Deciding the app state

  • منطق UI منطق کسب و کار UI logic VS Business logic

طراحی سیستم‌های فرانت‌اند مقیاس‌پذیر Designing Scalable Frontend Systems

  • چرا باید طراحی سیستم را یاد بگیرید؟ Why should you learn system design?

  • این جلسه در مورد چیست؟ What is the session about ?

  • مقدمه جلسه Session introduction

  • به جلسه خوش آمدید Welcome to the session

  • درباره مدرس About the instructor

  • پیش‌زمینه فیس‌بوک The facebook background

  • طراحی ... دور ... آماده Design ... Round ... Ready

  • دستور کار - چه چیزی را یاد خواهید گرفت؟ Agenda - What will you learn ?

  • دیاگرام‌ها و شبه کد Diagrams and pseudo code

  • شروع کنیم! Let's get started !

  • دفتر سفارش صرافی ارز دیجیتال The crypto exchange order book

  • انتظارات مصاحبه‌کننده Interviewer's expectations

  • تفاوت بین HLD و LLD Diffferences between HLD & LLD

  • مرور سریع سوال A quick recap of the question

  • فرانت-اند، مید-اند و کلاینت پایگاه داده Front-tier, Mid-tier and DB client

  • واحد رندر مبتنی بر الگو Template based rendering unit

  • خلاصه سریع HLD Quick Summary of HLD

  • بیایید با LLD شروع کنیم Let's get started with LLD

  • توالی توضیحات The sequence of explanation

  • انتخاب چارچوب‌های فرانت‌اند Choosing the frontend frameworks

  • کتابخانه‌ها/چارچوب‌های فرانت‌اند در بازار Frontend libraries / frameworks in the market

  • React.js - نگاهی سریع React.js - Quick look

  • چارچوب Angular - نگاهی سریع Angular framework - Quick look

  • Vue.js - نگاهی سریع Vue.js - Quick look

  • نتیجه‌گیری در مورد انتخاب کتابخانه Conclusion on choosing the library

  • نمایش پشته فناوری Representing the tech stack

  • شناسایی اجزای UI Identifying the UI components

  • تعیین تعاریف طرحواره API Determining API schema definitions

  • تعریف الگو را مشخص کنید Identify the template definition

  • بیایید مقداری شبه کد بنویسیم Let's write some pseudo code

  • خلاصه سریع LLD Quick summary of LLD

  • دریافت داده‌های دفتر سفارش Getting the order book data

  • ثبت سفارش خرید Placing a buy order

  • مرور سریع جلسه A quick recap of the session

  • دانلود فایل طراحی Download the design file

  • دسترس‌پذیری در سیستم‌های فرانت‌اند Accessibility in frontend systems

  • تبریک! شما اکنون آماده دور طراحی هستید. Congratulations! You are now design round ready.

  • درس جایزه - میکر فرانت‌اندها چیستند؟ BONUS Lecture - What are micro frontends ?

انتشار MVP MVP release

  • حداقل محصول قابل قبول Minimum Viable Product

  • شناسایی نیازهای خدمات Identifying service requirements

  • حجم عملیات Volume of operation

راهنمایی طراحی سیستم فرانت‌اند Frontend System Design Guidance

  • مقدمه Introduction

  • کلمه‌ای قبل از شروع! A word before we begin !

  • تجربه مهم است! Experience matters !

  • معرفی راهنمایی طراحی سیستم فرانت‌اند Intro to frontend system design guidance

  • کفش طراح را بپوشید Wear the designer's shoes

  • دستگاه‌های هدف Target devices

  • برنامه‌های وب پیشرونده Progressive web apps

  • خلاصه Summary

  • اهمیت SEO Importance of SEO

  • استاندارد Open Graph Open graph standard

  • همکاری با محصول Collaboration with product

  • سناریوهای گردش کار Workflow scenarios

  • متدولوژی میکر فرانت‌اند Micro frontend methodology

  • تعیین وضعیت برنامه Deciding the app state

  • منطق UI در مقابل منطق تجاری UI logic VS Business logic

  • حداقل محصول قابل دوام Minimum Viable Product

  • شناسایی الزامات سرویس Identifying service requirements

  • حجم عملیات Volume of operation

  • بهینه‌سازی عملکرد Performance optimisation

  • روان در مقابل سریع Smooth VS Fast

  • عملکرد وب مهم است! Web performance is important !

  • تکنیک‌های تنظیم Tuning techniques

  • بهینه‌سازی تصاویر Optimising images

  • مدیریت API ها Handling APIs

  • توجه به جزئیات. Attention to detail.

  • ابزارهای مرورگر Browser tools

  • مستندات Documentation

  • تمرین - طراحی یک برنامه رزرو فیلم. Exercise - Design a Movie booking app.

  • یک وب‌سایت خرید آنلاین با تسویه حساب سبد خرید طراحی کنید. Design an online shopping website with cart checkout.

  • مقدمه مدیریت مبتنی بر نقش Introduction to role based management

  • حاکمیت Governance

  • ابزار دقیق سازی Instrumentation

  • مصنوعات نسخه‌بندی شده Versioning artefacts

  • حجم کار در مقابل ساعات کاری. Work load vs Working hours.

  • بین‌المللی‌سازی Internationalization

  • دسترس‌پذیری Accessibility

  • تضمین کیفیت، کنترل و تکنیک‌ها Quality assurance, control & techniques

  • نقشه راه آینده Future roadmap

  • کشف Web API ها Discover Web APIs

  • یادداشت پایانی Closing note

بهینه سازی عملکرد Performance optimisation

  • معرفی Introduction

  • صاف به سرعت Smooth VS Fast

  • تکنیک های تنظیم Tuning techniques

  • بهینه سازی تصاویر Optimising images

  • مدیریت API ها Handling APIs

  • ابزارهای مرورگر Browser tools

مفاهیم پیشرفته طراحی Advanced Design Concepts

  • استراتژی‌های Caching در UI Caching Strategies in UI

  • بهینه‌سازی‌های CDN در توسعه UI CDN Optimizations in UI Development

  • بهینه‌سازی تصاویر Image Optimizations

  • بهترین شیوه‌های امنیتی Security Best Practices

  • معیارهای عملکرد وب Web Performance Metrics

  • میکر فرانت‌اندها Micro Frontends

  • Monorepos Monorepos

  • WebSockets WebSockets

ورزش Exercise

  • برنامه رزرو فیلم را طراحی کنید Design a Movie booking app

مشاوره شغلی مهندسی نرم‌افزار Software engineering career advice

  • مقدمه The introduction

  • نقل قولی برای موفقیت (به عنوان یک برنامه نویس) A quote for success ( as a programmer )

  • آمادگی بیش از حد برای مصاحبه Over preparing for interview

  • نکته برای ارتباط با مدیران محصول. Tip to connect wirth product managers.

  • روی مهارت‌های نرم خود تمرکز کنید | توانایی متقاعد کردن Focus on your soft skills | convincing ability

  • مدیریت برای همه نیست Management is not for everyone

  • چرا بازیکن تیم باشیم؟ Why to be a team player ?

  • دوست داشتن کاری که هر روز انجام می‌دهید. Liking the work you do daily.

  • درباره تغییر شغل / شرکت‌ها. About changing jobs / companies.

  • سرمایه‌گذاری حقوق سخت‌به‌دست‌آمده شما Investing your hard earned salary

  • تنوع بخشیدن به سبد سهام شما Diversifying your portfolio

  • اهمیت کمک در پشت صحنه Importance of back contribution

  • متمایز شدن از جمع Standing out from the crowd

  • ارتباط با تیم‌های مجاور Connecting with adjacent teams

  • نمایش ویژگی‌ها برای ارتقا Exhibiting characteristics for promotion

  • با مدیران مهندس نباشید Don't be an engineer with managers

  • چه زمانی وقت آن است که در مورد شغل خود دوباره فکر کنید؟ When is it time to rethink about your job ?

  • زمان مناسب برای آماده شدن برای مصاحبه‌ها The right time to prepare for interviews

  • مذاکره حقوق با levels.fyi Salary negotiation with levels.fyi

  • واحدهای سهام محدود شده Restricted Stock Units

  • مقابله با پیشنهادات شغلی متعدد Dealing with multiple job offers

  • پول بسازید، مدیریت کنید و سرمایه‌گذاری کنید Make, handle and invest money

  • دور بار بالا برنده The bar raiser round

  • به پول فکر نکنید - ۵ سال Don't think about money - 5 years

  • آیا باید مدیر شوید؟ Should you become a manager ?

  • آیا گسست‌های شغلی اشکالی ندارد؟ Are career breaks ok to have ?

  • برای پشتیبانی از تجزیه و تحلیل، ابزار دقیق سازی را اضافه کنید Add instrumention to support analytics

  • طرح سهام شرکت Company stock options scheme

  • مذاکره CTC و سهام CTC Negotiation & Stock options

  • فرهنگ را برای افزایش حقوق معامله نکنید Don't trade culture for Hike

  • جهش حقوق CTC از ۱۰ LPA به ۵۰ LPA 10 LPA to 50 LPA CTC jump

  • تجربه مصاحبه PayPal - موقعیت MTS PayPal Interview experience - MTS position

مدیریت مبتنی بر نقش Role based management

  • مقدمه ای بر مدیریت مبتنی بر نقش Introduction to role based management

  • حکومت Governance

الگوریتم‌ها در جاوااسکریپت Algorithms in Javascript

  • هدف بعدی خود را خرد کنید! Crush your next goal !

  • جستجوی دودویی Binary search

  • جستجوی خطی Linear search

  • مرتب‌سازی حبابی Bubble sort

  • مرتب‌سازی شمارشی Count sort

  • مرتب‌سازی درجی Insertion sort

  • مرتب‌سازی ادغامی Merge sort

  • مرتب‌سازی سریع Quick sort

  • مرتب‌سازی انتخابی Selection sort

  • Big O - برگه تقلب Big O - Cheat sheet

جنبه های بیشتر در نظر گرفتن More aspects to consider

  • ابزار دقیق Instrumentation

  • نسخه های مصنوعی Versioning artefacts

  • بین المللی شدن Internationalization

  • دسترسی Accessibility

سوالات و راه حل‌های مصاحبه Interview Questions & Solutions

  • استفاده از ۴۰ دقیقه دور کدنویسی Utilizing the 40 minutes of coding round

  • آینده مصاحبه‌ها. The future of interviews.

  • ساختار داده مهم برای مصاحبه‌های فرانت‌اند Important data structure for frontend interviews

  • DOM Finder | سوال مصاحبه فیسبوک DOM Finder | Facebook Interview Question

  • DOM Finder | الگوریتم DOM Finder | Algorithm

  • DOM FInder | برنامه DOM FInder | Program

  • Event Emitter | سوال مصاحبه فیسبوک Event Emitter | Facebook Interview Question

  • Event Emitter | برنامه Event Emitter | Program

  • CTC در مقابل VTC CTC v/s VTC

  • رشته‌های دودویی | سوال مصاحبه گوگل Binary Strings | Google Interview Question

  • رشته‌های دودویی | الگوریتم Binary Strings | Algorithm

  • رشته‌های دودویی | برنامه Binary Strings | Program

  • BST (با استفاده از Closures جاوااسکریپت) BST ( Using JS Closures )

  • درباره Closures About closures

  • BST | برنامه BST | Program

  • ثبات مهم است! Consistency Matters !

  • معکوس کردن رشته | سوال مصاحبه اوراکل Reverse String | Oracle Interview Question

  • معکوس کردن رشته | الگوریتم Reverse String | Algorithm

  • معکوس کردن رشته | برنامه Reverse String | Program

  • دو پشته | سوال مصاحبه گوگل Two Stacks | Google Interview question

  • دو پشته | الگوریتم Two Stacks | Algorithm

  • دو پشته | برنامه Two Stacks | Program

  • یافتن سه گانه | سوال مصاحبه اوراکل Find Triplets | Oracle Interview Question

  • یافتن سه گانه | برنامه (رویکرد ساده) Find Triplets | Program ( Naive approach )

  • یافتن سه گانه | برنامه (رویکرد مرتب‌سازی) Find Triplets | Program ( Sorting approach )

  • یافتن سه گانه | برنامه (رویکرد هشینگ) Find Triplets | Program ( Hashing approach )

  • جمع زیرمجموعه | سوال مصاحبه Cerner Subarray Sum | Cerner Interview Question

  • جمع زیرمجموعه | برنامه (رویکرد ساده) Subarray Sum | Program ( Naive approach )

  • جمع زیرمجموعه | برنامه (رویکرد بهتر) Subarray Sum | Program ( Better approach )

  • طولانی ترین زیررشته | سوال مصاحبه والمارت Longest Subtring | Walmart Interview Question

  • طولانی ترین زیررشته | برنامه Longest Subtring | Program

  • یابنده رشته | سوال مصاحبه والمارت String Finder | Walmart Interview Question

  • یابنده رشته | برنامه String Finder | Program

  • آشکارساز براکت | سوال مصاحبه JP Morgan Bracket Detector | JP Morgan Interview Question

  • آشکارساز براکت | برنامه Bracket Detector | Program

اطمینان از کیفیت سیستم Ensuring system quality

  • تضمین کیفیت ، کنترل و تکنیک ها Quality assurance, control & techniques

سوالات متداول Frequently Asked Questions

  • ساخت پروژه با تماشای ویدیوها. Making project by looking at videos.

  • توسعه‌دهنده بک‌اند می‌خواهد جابجا شود. Backend developer wants to switch.

  • دانشجوی کارشناسی می‌خواهد فول استک شود. UG student wants to be full-stack.

  • منابع بیشتر برای یادگیری JS. More resources to learn JS.

  • DS، Algo برای نقش فرانت‌اند. DS, Algo for frontend role.

  • آمادگی در CSS برای مصاحبه. Preparing in CSS for interview.

  • در مورد ترنسپایلر Babel. Regarding Babel transpiler.

  • ساختار داده مهم برای فرانت‌اند. Important Data-structure for frontend.

  • در مورد promise ها در جاوااسکریپت. Regarding promises in Javascript.

  • مدیر فقط بک‌اند را می‌شناسد. Manager knows only backend.

  • انتظارات مصاحبه‌کننده JS. JS interviewer's expectations.

  • دانستن بک‌اند برای ارتقا. Knowing backend for promotions.

  • کار بر روی فناوری‌های قدیمی. Working on old technologies.

  • در مورد الگوی IIFE در JS. Regarding IIFE pattern in JS.

  • محتوای بیش از حد در اینترنت. Overwhelming content online.

نقشه راه آینده Future roadmap

  • ویژگی های نقشه راه Roadmap characteristics

زندگی مهندسی نرم‌افزار Software Engineering Life

  • انجام‌ها و نبایدهای ارجاع شغلی لینکدین. DO's & DONT's of LinkedIn job referral.

  • مصاحبه‌های آنلاین (فقط صوتی) Online interviews ( Audio only )

  • نکات مصاحبه زوم (مقاله) Zoom interview tips ( Article )

  • راه‌های مؤثر برای دریافت ارجاع شغلی لینکدین Effective ways to get a linkedin job referral

  • مهندس نرم‌افزار در مقابل معمار Software Engineer v/s Architect

  • نکاتی برای ارتقا به یک مهندس نرم‌افزار ارشد (مقاله) Tips to get promoted to a Senior Software engineer ( article )

  • ارتقا به مهندس نرم‌افزار ارشد (فقط صوتی) Get promoted to Senior software engineer ( Audio only )

  • ۱۲ نوع توسعه‌دهنده (فقط صوتی) 12 types of devs ( Audio only )

  • انواع توسعه‌دهندگان نرم‌افزار در دفتر (مقاله) Types of software developers in office ( article )

  • روابط حرفه‌ای در IT Professional relationships in IT

  • اشتباهاتی که باید به عنوان مدیر در IT از آن‌ها اجتناب کنید Mistakes you should avoid as a Manager in IT

  • دلایلی که باید از تغییر شغل در صنعت IT اجتناب کنید Reasons you should avoid a job change in IT industry

  • راه‌های غلبه بر - سندرم حقوق پایین. Ways to overcome - The Low Salary Syndrome.

  • انواع جلسات ۱ به ۱ Types of 1 on 1 meetings

  • علائم همکار شما در حال ترک شغل است (مقاله طنزآمیز) Signs your co-worker is quitting the job ( Humorous article )

  • نقشه راه برای یک توسعه‌دهنده وب فول استک (فقط صوتی) Roadmap for a full-stack web developer ( Audio only )

  • یادگیری Webpack Learning Webpack

  • ۵ ترفند برای بهبود سرعت کدنویسی شما 5 hacks to improve your coding speed

  • آیا در مسابقه موش‌ها گرفتار شده‌اید؟ Are you trapped in the rat race ?

  • ظاهر خوب در مقابل عملکرد Good looks v/s performance

  • ترس خود را رها کن و در را باز کن Drop your fear and open the door

  • قاب بندی موقعیت کلیدی است. Framing the situation is key.

  • فرصت راه‌اندازی حالت پنهان Stealth mode startup opportunity

  • همکاران مراقب هستند Colleagues are caretakers

  • ۵ تردیدی که باید از ذهن خود دور کنید 5 doubts you should remove from your mind

  • ۵ نکته برای جلسات مؤثر کارکنان اداری. 5 tips for effective office staff meetings.

  • ۱۰ چیزی که خود آینده شما از شما تشکر خواهد کرد 10 things your future self will thank you for

  • کلمات خود را تغییر دهید، دنیای خود را تغییر دهید Change your word, change your world

  • پایان بهتر از تظاهر است ENDING is better than PRETENDING

  • فرصت در قالب یک "فاجعه" می‌آید Opportunity comes in the form of a "disaster"

  • روز عادی تا زمانی که آن را از دست ندهید دست کم گرفته می‌شود Normal day is underrated until you lose it

  • امنیت آنلاین خود را به خطر نیندازید Don't compromise your security online

  • ۱۰ عادت صبحگاهی روزانه که زندگی من را تغییر داد. 10 daily morning habits that changed my life.

  • بلند شو و ادامه بده. زندگی پر معنی است. Get up and keep going. Life is meaningful.

  • ۱۰ راه برای بهره‌وری در محل کار هر روز. 10 ways to be productive at work every day.

  • ۶ بهترین شیوه‌های کدنویسی مهم برای دنبال کردن. 6 important coding best practices to follow.

  • ۱۰ راه برای ارتقا در شغل مهندسی نرم‌افزار 10 ways to get promotion in software engineering career

  • ۳۰ نکته برای شروع توسعه وب 30 tips on getting started with web development

  • ۲۰ راه برای بهبود خود در کدنویسی سریع. 20 ways you can Improve yourself at fast coding.

  • ۱۰ نکته سرمایه‌گذاری اثبات شده برای حقوق سخت‌به‌دست‌آمده شما. 10 proven investment tips for your hard-earned salary.

  • آداب و رسوم یک کارفرمای خوب و یک کارمند خوب Etiquettes of a good employer and a good employee

  • ۲۰ مزیت پیوستن به یک شرکت بزرگ نرم‌افزاری 20 benefits of joining a large software company

  • راهبردهایی برای مدیریت استرس در کار و زندگی Strategies to manage stress in your work & life

  • ۱۰ نکته برای دورکاری مؤثر 10 Tips to do Work From Home effectively

  • چرا باید در رفع باگ‌ها مهارت بیشتری کسب کنید؟ Why should you get better at debugging?

  • آیا کار کردن کارمند برای شرکت دیگر قانونی است یا غیرقانونی؟ Is Employee moonlighting legal or illegal ?

  • تبدیل شدن به یک فرد با عملکرد بالا در تیم. Becoming a high-performer in the team.

  • جلسات ۱:۱ مؤثر با مدیر شما. Effective 1:1 meetings with your manager.

  • نکاتی که باید در طول بازبینی کد به خاطر بسپارید Things to remember during code reviews

  • مشارکت‌کننده فردی در مقابل مدیر مهندسی Individual Contributor vs. Engineering Manager

  • جلسات مؤثر کارکنان Effective Staff Meetings

یادداشت بسته شدن Closing note

  • متشکرم Thank you

BONUS eBook - The Tech Lead BONUS eBook - The Tech Lead

  • فصل ۱ - درک نقش یک Tech Lead Chapter 1 - Understanding the role of a Tech Lead

  • فصل ۲ - تصورات غلط و افسانه‌ها Chapter 2 - Misconceptions & Myths

  • فصل ۳ - مهارت‌های رهبری فنی Chapter 3 - Technoleadership skills

پاداش - جاوا اسکریپت bootcamp Bonus - Javascript Bootcamp

  • زمان اجرا JS ، Hoisting ، ECMAScript ، توابع ، IIFE ، حلقه رویداد JS runtime, Hoisting, ECMAScript, Functions, IIFE, Event loop

  • رشته ها ، آرایه ها ، وارد کردن ، پاسخگویی ، وعده ها ، بسته شدن ها Strings, Arrays, Importing, Callbacks, Promises, Closures

BONUS Lectures BONUS Lectures

  • NPM در مقابل PNPM NPM vs PNPM

  • Node JS در مقابل npm Node JS versus npm

  • Webpack React Boilerplate Webpack React Boilerplate

آموزش آگاهی از امنیت سایبری: اینترنت اشیا ((اینترنت اشیا)

آموزش آگاهی از امنیت سایبری: اینترنت اشیا ((اینترنت اشیا)

Cybersecurity Awareness: The Internet of Things (IoT)

آموزش Bootcamp توسعه دهندگان وب Front-End - HTML، CSS، JS، و React [ویدئو]

آموزش Bootcamp توسعه دهندگان وب Front-End - HTML، CSS، JS، و React [ویدئو]

The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React [Video]

آموزش برنامه نویسی و صدور گواهینامه Swift 4.0

آموزش برنامه نویسی و صدور گواهینامه Swift 4.0

دانلود Swift 4.0 Programming & Certification

نمایش نظرات

آموزش کیت جامع آمادگی مصاحبه مهندسی فرانت‌اند
جزییات دوره
26.5 hours
395
Udemy (یودمی) Udemy (یودمی)
(آخرین آپدیت)
13,668
3.7 از 5
دارد
دارد
دارد

https://donyad.com/d/8109

جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Manoj Satish Kumar Manoj Satish Kumar

بنیانگذار @mskwebdevelopment.com

من یک دهه تجربه در ساخت وب سایت های حرفه ای و برنامه های کاربردی دارم. من هم در استارتاپ ها و هم در شرکت های غول پیکر کار کرده ام. من اینجا هستم تا به شما کمک کنم تا یک توسعه‌دهنده وب موفق باشید و به شما کمک کنم این مصاحبه‌های فرانت‌اند را شکست دهید.

من به عنوان یک مهندس نرم افزار شروع کردم و کم کم متوجه شدم که علاقه زیادی به تدریس دارم. مادرم معلم ریاضی بود و من راه او را دنبال می‌کنم - با این تفاوت که توسعه وب تدریس می‌کنم.

من خود را موظف می دانم که رابط های جلویی با کیفیت عالی بسازم.

من عاشق اکوسیستم جاوا اسکریپت هستم و چندین محصول را در حرفه خود طراحی کرده ام.

من در تجارت الکترونیک، صنایع نیمه هادی بهداشت و درمان کار کرده ام. من تجربه عملی در Javascript، React، Redux، Material UI، Node، Express GraphQL دارم.

من توسعه وب MSK را با هدف کمک به مهندسان فرانتند برای شغل ایجاد کردم.