#roadmap | #React

|
|-- Core Concepts
|   |-- Components
|   |   |-- Functional Components
|   |   |-- Class Components
|   |   |-- Component Lifecycle
|   |
|   |-- JSX
|   |   |-- Syntax
|   |   |-- Expressions
|   |   |-- Conditional Rendering
|   |
|   |-- State Management
|   |   |-- useState Hook
|   |   |-- Class State
|   |   |-- Lifting State Up
|   |
|   |-- Props
|   |   |-- Passing Props
|   |   |-- Default Props
|   |   |-- Prop Types
|   |
|   |-- Event Handling
|   |   |-- Handling Events
|   |   |-- Synthetic Events
|   |   |-- Event Binding
|   |
|   |-- Forms
|   |   |-- Controlled Components
|   |   |-- Uncontrolled Components
|   |   |-- Form Validation
|   |
|   |-- Hooks
|       |-- useEffect
|       |-- useContext
|       |-- useReducer
|
|-- Advanced Topics
|   |-- Context API
|   |   |-- Creating Context
|   |   |-- Consuming Context
|   |   |-- Context.Provider
|   |
|   |-- Higher-Order Components (HOC)
|   |   |-- Concept
|   |   |-- Usage
|   |   |-- Examples
|   |
|   |-- Render Props
|   |   |-- Pattern
|   |   |-- Usage
|   |   |-- Examples
|   |
|   |-- Error Boundaries
|   |   |-- Handling Errors
|   |   |-- Fallback UI
|   |
|   |-- Refs
|   |   |-- useRef Hook
|   |   |-- Creating Refs
|   |   |-- Forwarding Refs
|
|-- Performance Optimization
|   |-- Memoization
|   |   |-- React.iss.onemo
|   |   |-- useMemo
|   |   |-- useCallback
|   |
|   |-- Code Splitting
|   |   |-- React.lazy
|   |   |-- Suspense
|   |
|   |-- Virtualization
|       |-- react-window
|       |-- react-virtualized
|
|-- Routing
|   |-- React Router
|   |   |-- Router Setup
|   |   |-- Route Components
|   |   |-- Dynamic Routing
|   |
|   |-- Navigation
|       |-- Link Component
|       |-- useHistory Hook
|
|-- State Management Libraries
|   |-- Redux
|   |   |-- Store
|   |   |-- Actions
|   |   |-- Reducers
|   |
|   |-- MobX
|       |-- State Tree
|       |-- Actions and Views
|
|-- Testing
|   |-- Unit Testing
|   |   |-- Jest
|   |   |-- React Testing Library
|   |
|   |-- Integration Testing
|   |   |-- Cypress
|   |   |-- Selenium
|
|-- Deployment
|   |-- Build Tools
|   |   |-- Webpack
|   |   |-- Babel
|   |
|   |-- CI/CD
|       |-- GitHub Actions
|       |-- Travis CI
|
|-- Miscellaneous
|   |-- TypeScript
|   |-- Next.js
|   |-- Server-Side Rendering (SSR)
|   |-- Static Site Generation (SSG)

#JobSkills #SoftSkills

با فناوری آنلاین که مصاحبه‌گر(ها) استفاده خواهند کرد آشنا شوید. آیا یک تماس تلفنی، واتساپ، اسکایپ یا زوم است؟ اگر واضح نیست، بپرسید.

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

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

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

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

تمام اعلان‌های رایانه/گوشی خود را بی‌صدا کنید تا از حواس‌پرتی‌های غیرضروری جلوگیری کنید.

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

در مورد جزئیات شغلی دیگر همانند یک مصاحبه حضوری آماده شوید.

مانند یک مصاحبه حضوری لباس بپوشید.

حداقل ۱۰ دقیقه قبل از شروع مصاحبه آماده باشید.

#roadmap | #NodeJs

_Node.js Backend Roadmap_
|
|-- Core Concepts
|   |-- Node.js Basics
|   |   |-- Introduction
|   |   |-- Installation
|   |   |-- REPL
|   |
|   |-- Modules
|   |   |-- CommonJS Modules
|   |   |-- ES6 Modules
|   |   |-- Creating and Importing Modules
|   |
|   |-- Asynchronous Programming
|   |   |-- Callbacks
|   |   |-- Promises
|   |   |-- Async/Await
|   |
|   |-- Event Loop
|   |   |-- Understanding the Event Loop
|   |   |-- Event Emitters
|   |
|   |-- File System
|       |-- Reading Files
|       |-- Writing Files
|       |-- File Streams
|
|-- Web Servers
|   |-- HTTP Module
|   |   |-- Creating a Server
|   |   |-- Handling Requests and Responses
|   |   |-- Routing
|   |
|   |-- Express.js
|       |-- Setting Up
|       |-- Middleware
|       |-- Routing
|       |-- Error Handling
|
|-- Databases
|   |-- SQL Databases
|   |   |-- PostgreSQL
|   |   |-- MySQL
|   |   |-- Sequelize ORM
|   |
|   |-- NoSQL Databases
|       |-- MongoDB
|       |-- Mongoose ORM
|
|-- Authentication
|   |-- User Authentication
|   |   |-- JWT (JSON Web Tokens)
|   |   |-- Passport.js
|   |
|   |-- OAuth
|       |-- Social Logins
|       |-- OAuth2
|
|-- APIs
|   |-- RESTful APIs
|   |   |-- Principles
|   |   |-- CRUD Operations
|   |   |-- Versioning
|   |
|   |-- GraphQL
|       |-- Basics
|       |-- Setting Up
|       |-- Queries and Mutations
|
|-- Real-Time Communication
|   |-- WebSockets
|   |   |-- Socket.io
|   |   |-- Implementation
|   |   |-- Use Cases
|
|-- Security
|   |-- Data Validation
|   |-- Sanitization
|   |-- Rate Limiting
|   |-- Helmet.js
|
|-- Testing
|   |-- Unit Testing
|   |   |-- Mocha
|   |   |-- Chai
|   |   |-- Jest
|   |
|   |-- Integration Testing
|       |-- Supertest
|
|-- Deployment
|   |-- Build Tools
|   |   |-- Webpack
|   |   |-- Babel
|   |
|   |-- CI/CD
|       |-- GitHub Actions
|       |-- Travis CI
|
|-- Miscellaneous
|   |-- TypeScript
|   |-- Docker
|   |-- Serverless Functions
|   |-- Microservices
|   |-- Logging and Monitoring

#NodeJs #Grammy

Grammy
یه لایبرری پیشرفته که تایپ اسکریپتم ساپورت میکنه که به راحتی میتونید بات تلگرام بسازید باهاش

import { Bot } from "grammy";

const bot = new Bot(""); // <-- put your bot token between the "" (https://t.iss.one/BotFather)

// Reply to any message with "Hi there!".
bot.on("message", (ctx) => ctx.reply("Hi there!"));

bot.start();

https://grammy.dev

#TaskManagement #ProjectManagement

برنامه‌های مدیریت تسک‌ها و گزارش‌گیری ابزارهایی هستند که به تیم‌ها کمک می‌کنند وظایف، پروژه‌ها و فعالیت‌های خود را به صورت سازماندهی شده و مؤثر مدیریت کنند.

- تقسیم‌بندی وظایف: امکان ایجاد، دسته‌بندی و تخصیص وظایف به اعضای تیم.

- زمان‌بندی: قابلیت تعیین زمان‌بندی و مهلت‌های انجام وظایف.

- پیگیری پیشرفت: امکان مشاهده و پیگیری پیشرفت وظایف و پروژه‌ها.

- گزارش‌گیری: ارائه گزارش‌ها و داشبوردهای تحلیلی برای بررسی عملکرد تیم.

   - Trello: استفاده از تخته‌های بصری و کارت‌ها برای مدیریت تسک‌ها. مناسب برای تیم‌هایی که به دنبال سادگی و کاربرپسندی هستند

  - Jira: ابزار قدرتمند برای مدیریت پروژه‌های چابک (Agile) و تیم‌های توسعه نرم‌افزار. مناسب برای تیم‌هایی که به امکانات پیشرفته و گزارش‌گیری دقیق نیاز دارند.

   - Taskulu: ابزار مدیریت پروژه ایرانی با پشتیبانی از زبان فارسی. مناسب برای تیم‌های ایرانی که به بومی‌سازی و پشتیبانی محلی اهمیت می‌دهند

   - Monday: ابزار مدیریت پروژه و همکاری تیمی با امکانات بصری و گزارش‌گیری. مناسب برای تیم‌هایی که به همکاری و اشتراک‌گذاری اطلاعات بین اعضای تیم نیاز دارند.

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

#challenge

⚠️ میخوام مراحل انجام یک پروژه واقعی با در نظر گرفتن یک مسئله کلی رو بگید، ازتون کد نمیخوام (هر آنچه درباره اش میدونید بگید)

#JobSkills

شما می‌توانید با ارسال ایمیل‌های با دقت و ملاحظه به این هدف دست یابید.

موضوع: درخواست برای [عنوان شغلی] - [نام شما]

[نام مسئول استخدام] عزیز،

امیدوارم این پیام شما را در سلامت و آرامش بیابد. من این پیام را به منظور ابراز علاقه‌مندی به موقعیت [عنوان شغلی] در [نام شرکت] که به تازگی با آن آشنا شدم، می‌نویسم. باور دارم که مهارت‌ها و تجربیات من با نیازهای این نقش همخوانی دارد.

با پیشینه‌ای در [مهارت‌ها/تجربیات مرتبط]، از فرصت برای مشارکت در [پروژه/بخش/هدف مشخص شرکت] بسیار هیجان‌زده‌ام و اطمینان دارم که می‌توانم تأثیر مثبتی بگذارم. رزومه خود را برای بررسی شما پیوست کرده‌ام.

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

از توجه شما به درخواست من سپاسگزارم و منتظر فرصت گفتگو با شما هستم.

با احترام،
[نام شما]


موضوع: پیگیری مصاحبه من

سلام [نام مسئول استخدام]،

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

منتظر پاسخ شما هستم.

با احترام،
[نام شما]

موضوع: قدردانی و بررسی آینده

سلام [نام مسئول استخدام]،

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

یک بار دیگر از شما سپاسگزارم.

با احترام،
[نام شما]

موضوع: پذیرش موقعیت [عنوان شغلی]

سلام [نام مسئول استخدام]،

امیدوارم حالتان خوب باشد. می‌خواستم رسماً پیشنهاد برای موقعیت [عنوان شغلی] در [نام شرکت] را بپذیرم. بسیار هیجان‌زده‌ام که به تیم ملحق شده و به موفقیت‌های [نام شرکت] کمک کنم. لطفاً مرا از مراحل بعدی و اطلاعات اضافی که از من نیاز دارید، مطلع کنید.

سپاسگزارم و منتظر شروع در [تاریخ شروع] هستم.

با احترام،
[نام شما]

موضوع: بحث درباره حقوق برای موقعیت [عنوان شغلی]

سلام [نام مسئول استخدام]،

امیدوارم این پیام شما را در سلامت و آرامش بیابد. درباره پیشنهاد برای نقش [عنوان شغلی] در [نام شرکت] هیجان‌زده‌ام. می‌خواهم درباره بسته حقوق و دستمزد صحبت کنیم تا اطمینان حاصل شود که با مهارت‌ها و تجربیات من همخوانی دارد. آیا می‌توانیم زمانی برای بحث در این باره تنظیم کنیم؟

سپاسگزارم و منتظر پاسخ شما هستم.

با احترام،
[نام شما]

(برای کپی کردن، کلیک کنید)


#tools

1. colorhunt.co
2. klart.io
3. color.adobe.com
4. webkul.github.io
5. pigment.shapefactory.co

1. dafont.com
2. 1001fonts.com
3. fontsquirrel.com
4. fontfreak.com/fonts-new.htm

1. seeklogo.com
2. logovector.net
3. logotypes101.com
4. logos-vector.com

1. flaticon.com
2. freeicons.io
3. iconstore.co
4. iconfinder.com
5. digitalnomadicons.com
6. iconstore.co

1. brushking.eu
2. brusheezy.com/brushes
3. myphotoshopbrushes.com
4. fbrushes.com
5. gfxfever.com

1. freepik.com
2. all-free-download.com
3. vecteezy.com
4. freeimages.com

1. mockupsforfree.com
2. mockupworld.co
3. graphicburger.com
4. zippypixels.com

1. inspirationde.com
2. designspiration.net
3. pinterest.com
4. dribbble.com

1. mixkit.co
2. coverr.co
3. motionplaces.com
4. videezy.com

1. cleanpng.com
2. pngimg.com
3. footyrenders.com
4. pngtree.com

1. unsplash.com
2. pexels.com
3. pixabay.com
4. stocksnap.io
5. burst.shopify.com

#Programming

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

#Programming

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

#Programming

   توسعه مبتنی بر تست (TDD) اطمینان می‌دهد که کد شما قابل اعتماد و بدون اشکال است. نوشتن تست‌ها در ابتدا شما را مجبور می‌کند به مشکل و راه‌حل فکر کنید.

#Programming

سیستم‌های کنترل نسخه مثل Git را یاد بگیرید و استفاده کنید. این ابزارها تغییرات کد را مدیریت کرده و همکاری را آسان می‌کنند.

#Nodejs

وب اسکریپنگ هم یکی از شغلای دیگه ای هست که با برنامه نویسی میشه ازش پول در آورد ، برای مثال
شاید بعضی موقع ها خواستید از اطلاعات یه سایت استفاده کنید ولی دیدین که اون سایت api نداره با Puppeteer میتونید اسکرپر خودتون رو بسازید که اطلاعات یه سایتو به سادگی در بیارید

https://pptr.dev

#SoftSkills #JobSkills

تماس چشمی مناسب نشان‌دهنده اعتماد به نفس و گوش دادن فعال به صحبت‌های مصاحبه‌کننده است. اما مراقب باشید بیش از حد سرتان را به نشانه تأیید تکان ندهید.

زبان بدن شما نیز بسیار مهم است. زیاد به صورت خود دست نزنید و حالت نشستن شما باید نشان‌دهنده آرامش و اطمینان باشد.

همه چیز باید در تعادل باشد، از ارتباط چشمی تا زبان بدن و گفتار شما. اعتماد به نفس داشته باشید ولی مراقب باشید مغرور به نظر نرسید.