S.Leschev FullStack Developer Roadmap

Google Engineering Level: L6+

🏆 Awards

Ranking #Dev: Global TOP 200 (Certificate)

Languages: TypeScript, Shell, Database (T-SQL, PL/SQL, MySQL), Concurrency (Python3).

Algorithms: linked lists, binary search, hash table, queue/stack, dfs/bfs, sort, heap/hash, two pointers, sliding window, tree, greedy problems etc.

Golden Award for the Year of the Tiger Challenge

Algorithmic skills: Dynamic programming, Greedy algorithms, Catepillar method, Binary search algorithm, Fibonacci numbers, Euclidean algorithm, Sieve of Eratosthenes, Prime and composite numbers, Maximum slice problem, Stack and Queues, Sorting, Time Complexity, Arrays, Prefix Sums, Leader, etc.

Contest: Algorithms, SQL, Data Structures, Bitwise operations (bit-ops), Frontend.

Tapping on a link will take you to relevant certificates.

Front-End

Basics
- HTML
  - Learn the basics of HTML
  - Make a few pages as an exercise
- CSS
  - Learn the basics of CSS
  - Style pages from previous step
  - Build a page with grid and flexbox
- JS Basics
  - Get familiar with the syntax
  - Learn basic operations on DOM
  - Learn mechanisms typical for JS (Hoisting, Event Bubbling, Prototyping)
  - Make some AJAX (XHR) calls
  - Learn new features (ECMA Script 6+)
  - Additionally, get familiar with the jQuery library
General Development Skills
- Learn GIT, create a few repositories on GitHub, share your code with other people
- Know HTTP(S) protocol, request methods (GET, POST, PUT, PATCH, DELETE, OPTIONS)
- Get familiar with terminal, configure your shell (bash, zsh, fish)
- Studied algorithms and data structures in the university
- Studied design patterns in the university
Learn React on official website or complete some courses
Get familiar with tools that you will be using
- Package Managers
  - npm
  - yarn
- Task Runners
  - npm scripts
  - gulp
- Webpack
- Rollup
- Parcel
Styling
- CSS Preprocessor
  - Sass/CSS
  - PostCSS
  - Less
  - Stylus
- CSS Frameworks
- CSS Architecture
  - BEM
  - CSS Modules
  - Atomic
  - OOCSS
  - SMACSS
  - SUITCSS
- CSS in JS
  - Styled Components
  - Radium
  - Emotion
  - JSS
  - Aphrodite
State Management
- Component State/Context API
- Redux
  - Async actions (Side Effects)
  - Helpers
    - Rematch
    - Reselect
  - Data persistence
    - Redux Persist
    - Redux Phoenix
  - Redux Form
1. MobX
Type Checkers
Form Helpers
- Redux Form
- Formik
- Formsy
- Final Form
Routing
API Clients
- REST
  - Fetch
  - SuperAgent
  - axios
- GraphQL
  - Apollo
  - Relay
  - urql
Utility Libraries
- Lodash
- Moment
- classnames
- Numeral
- RxJS
- ImmutableJS
- Ramda
Testing
- Unit Testing
  - Jest
- End to End Testing
  - Selenium, Webdriver
- Integration Testing
  - Karma
Internationalization
- React Intl
- React i18next
Server Side Rendering
- Next.js sources
Static Site Generator
- Gatsby
Backend Framework Integration
- React on Rails
Mobile
- React Native
Desktop
- Electron
- React Native Windows

Back-End

Prerequisites
- JavaScript
- NPM
- Node.js
- ECMAScript
General Development Skills
- Learn GIT, create a few repositories on GitHub, share your code with other people
- Know HTTP(S) protocol, request methods (GET, POST, PUT, PATCH, DELETE, OPTIONS)
- Studied algorithms and data structures in the university
- Studied design patterns in the university
- Clean code
Web Frameworks
- Express.js
- Adonis.js
- Meteor.js
- Nest.js
- Sails.js
- Koa.js
- Loopback.io
- egg.js
- midway
Databases
- Relational
- Cloud Databases
  - CosmosDB sources
  - DynamoDB sources
- Search Engines
- NoSQL
  - MongoDB sources
  - Redis sources
  - Apache Cassandra
  - LiteDB
  - RavenDB
  - CouchDB
Caching
- Node-Cache
- Distributed Cache
  - Redis sources
  - Memcached sources
- Memory Cache
Logging
- Log Frameworks
- Log Management System
  - Sentry.io
  - Loggly.com
Template Engines
- Mustache.js
- Handlebars
- EJS
- Pug
- Nunjunks.js
Real-Time Communication
- Socket.IO
Typed Superset
- TypeScript
- Flow
API Clients
- REST
  - Node-Rest-Client
  - Axios
- GraphQL
- Authentication
Good to Know
- Async.js
- PM2
- Commander.js
- Passport
- Nodemailer
- Marked
- ESLint
Testing
- Unit, Behavior, Integration Testing
  - Jest
  - Jasmine
  - Chai
  - Mocha
  - Enzyme
  - Sinon
- E2E Testing
  - Selenium
  - Puppeteer
Task Scheduling
MicroServices
- Message-Broker
- Message-Bus
  - Distribus
  - BusMQ
Design-Patterns
JavaScript Algorithms and Data Structures

Computer Science

Computer Science knowledge

React Custom Hooks

React Custom Hooks @ S. Leschev. Google Engineering Level: L6+

Sources: Github

useArray
useAsync
useClickOutside
useCookie
useCopyToClipboard
useDarkMode
useDebounce
useDebugInformation
useDeepCompareEffect
useEffectOnce
useEventListener
useFetch
useGeolocation
useHover
useLongPress
useMediaQuery
useOnlineStatus
useOnScreen
usePrevious
useRenderCount
useScript
useStateWithHistory
useStateWithValidation
useStorage
useTimeout
useToggle
useTranslation
useUpdateEffect
useWindowSize

Design Patterns (L6+)

Behavioral	Creational	Structural
🐝 Chain Of Responsibility	🌰 Abstract Factory	🔌 Adapter
👫 Command	👷 Builder	🌉 Bridge
🎶 Interpreter	🏭 Factory Method	🌿 Composite
🍫 Iterator	🔂 Monostate	🍧 Decorator
💐 Mediator	🃏 Prototype	🎁 Facade
💾 Memento	💍 Singleton	🍃 Flyweight
👓 Observer		☔ Protection Proxy
🐉 State		🍬 Virtual Proxy
💡 Strategy
🏃 Visitor
📝 Template Method

Project Guidelines (L6+)

A set of best practices in my projects.

Git
Documentation
Environments
Dependencies
Tesing
Structure and Naming
Code Style
Logging
API

Licenses & certifications

🏆 LeetCode Global TOP 200 (TypeScript: Certificate, Sources: TypeScript).
🏆 Golden Award for the Year of the Tiger Challenge (TypeScript: Certificate, Sources: Codility).
2022 Oct LeetCode Challenge (2022-10-31).
2022 Sep LeetCode Challenge (2022-09-30).
2022 Aug LeetCode Challenge (2022-08-31).
2022 July LeetCode Challenge (2022-07-31).
2022 June LeetCode Challenge (2022-06-30).
2022 May LeetCode Challenge (2022-05-31).
2022 Apr LeetCode Challenge (2022-04-30).
LeetCode Dynamic Programming (2022-05-07).
Graph Theory (2022-04-30).
SQL (2022-04-26).
Algorithm I (2022-04-30), Algorithm II (2022-05-21).
Data Structure I (2022-04-30), Data Structure II (2022-05-21).
Binary Search I (2022-04-28), Binary Search II (2022-05-18).
Programming Skills I (2022-04-28), Programming Skills II (2022-05-18).
LinkedIn Skill Asessment (Front-End): Front-end Development, Angular, React, Javascript, HTML, CSS, jQuery.
LinkedIn Skill Asessment (Back-End): Node.js, Java, Spring Framework, Scala, C#, .NET Framework, Unity, Python (Programming Language), Django, PHP, C (Programming Language).
LinkedIn Skill Asessment (Databases): MongoDB, NoSQL, Transact-SQL (T-SQL), MySQL.
LinkedIn Skill Asessment (Infra/DevOps): Bash, Git, Amazon Web Services (AWS), AWS Lambda, Google Cloud Platform (GCP), Microsoft Azure, Hadoop, IT Operations.

Latest Projects

[Web] Health & Fitness Web App

Role: Team Lead (L6+).

Description (tasks): Development architecture and new features.

Tech Stack:

React 18+: Hooks. Redux. Redux Toolkit.
UI Framework: PrimeReact.
NodeJS: NestJS, TypeORM.
PostgreSQL. ORM.
Redis. Memcached.
MongoDB. Aggregations.
Docker.
Kubernetes.
CI/CD (DO, AWS, Github Actions).
gRPC, WebSockets.

Favorite Book

My Favorite Book is Dale Carnegie "How to Win Friends & Influence People".

The principles of which I use in my life:

Become genuinely interested in other people.
Smile.
Remember that a person's name is to that person the sweetest and most important sound in any language.
Be a good listener.
Talk in terms of the other person's interests.
Make the other person feel important - and do it sincerely.

Contacts

I have a clear focus on time-to-market and don't prioritize technical debt. And I took part in the Pre-Sale/RFX activity as a System Architect, assessment efforts for Frontend (React-TypeScript) and Backend (NodeJS-.NET-PHP-Kafka-SQL-NoSQL). And I also formed the work of Pre-Sale as a CTO from Opportunity to Proposal via knowledge transfer to Successful Delivery.

Dev Skills. Performance Review. As a CTO, effective leadership goes beyond technical architecture. Conducting regular performance reviews is a crucial part of managing teams. I've compiled my insights on structuring the iOS development department, conducting performance reviews, and most importantly, emphasizing the significant distinctions between developers' levels based on well-defined criteria here.