Frontend Developer Roadmap - Ali Samir.pdf
230.5 KB
ู ุณุงุฑ ุชุนูู ุงููุฑููุช ุงูุฏ ุจุงูุชูุตูู ๐บ
ูุชูุงูู ุงูู ุตุงุฏุฑ ููุง ๐ป
https://www.youtube.com/@The_Dev_Guide
โโโ
ุจุงูุชูููู ูุง ุจุทู โก๏ธ
๐3โค2
ุงู
ุชู ุชุฎุชุงุฑ ุงูู Single Page Applicationุ
ู ู ุถู ู ุงูุฃุณุฆูุฉ ุงููู ุจุณุฃููุง ูููุณู ูู ุจุฏุงูุฉ ูู ู ุดุฑูุน: "ูู ุฃุนู ู ุงูุชุทุจูู ุจุชุงุนู Single Page Application ููุง ุฃุนู ูู ู ุชุนุฏุฏ ุงูุตูุญุงุช Multi Page Applicationุ" ๐ค
ุชุนุงู ูุฏุฑุฏุด ุดููุฉ ุงู ุชู ูููู ุงููุฑุงุฑ ุงูุฃูุถู ูู ุฅูู ุชุฎุชุงุฑ SPAุ ูุฅูู ุงูุญุงุฌุงุช ุงููู ูุงุฒู ุชููุฑ ูููุง ูุจู ู ุง ุชูุฑุฑ...
โโโ
https://www.linkedin.com/posts/dev-alisamir_frontenddeveloper-frontenddevelopment-webdeveloper-activity-7251928298648182785-rLEk
ู ู ุถู ู ุงูุฃุณุฆูุฉ ุงููู ุจุณุฃููุง ูููุณู ูู ุจุฏุงูุฉ ูู ู ุดุฑูุน: "ูู ุฃุนู ู ุงูุชุทุจูู ุจุชุงุนู Single Page Application ููุง ุฃุนู ูู ู ุชุนุฏุฏ ุงูุตูุญุงุช Multi Page Applicationุ" ๐ค
ุชุนุงู ูุฏุฑุฏุด ุดููุฉ ุงู ุชู ูููู ุงููุฑุงุฑ ุงูุฃูุถู ูู ุฅูู ุชุฎุชุงุฑ SPAุ ูุฅูู ุงูุญุงุฌุงุช ุงููู ูุงุฒู ุชููุฑ ูููุง ูุจู ู ุง ุชูุฑุฑ...
โโโ
https://www.linkedin.com/posts/dev-alisamir_frontenddeveloper-frontenddevelopment-webdeveloper-activity-7251928298648182785-rLEk
โค3
The DevOps Roadmap You Should Take
- Python
- Golang
- JavaScript
- Ruby
- Linux
- Unix
- Windows
- TCP/IP
- DNS
- SSH
- HTTP/s
- Encryption
- ACLs
- Git
- GitLab
- GitHub
- Bitbucket
๐ Provisioning:
- Terraform
- Pulumi
- OpenTofu
๐ Containerization:
- Docker
๐ Orchestration:
- Kubernetes
- Docker Swarm
๐ Configuration:
- Ansible
- Puppet
- Chef
- Prometheus
- Grafana
- ELK Stack (Elasticsearch, Logstash, Kibana)
- Jenkins
- CodePipeline
- GitLab
- GitHub Actions
- CircleCI
- CodeGiant
- AWS
- GCP (Google Cloud Platform)
- Azure
- DigitalOcean
Programming Languages
- Python
- Golang
- JavaScript
- Ruby
Operating System / Server Management
- Linux
- Unix
- Windows
Networking Security and Protocols
- TCP/IP
- DNS
- SSH
- HTTP/s
- Encryption
- ACLs
Git and Source Control Management
- Git
- GitLab
- GitHub
- Bitbucket
Infrastructure as Code
๐ Provisioning:
- Terraform
- Pulumi
- OpenTofu
๐ Containerization:
- Docker
๐ Orchestration:
- Kubernetes
- Docker Swarm
๐ Configuration:
- Ansible
- Puppet
- Chef
Monitoring and Logging
- Prometheus
- Grafana
- ELK Stack (Elasticsearch, Logstash, Kibana)
Continuous Integration / Continuous Deployment
- Jenkins
- CodePipeline
- GitLab
- GitHub Actions
- CircleCI
- CodeGiant
Cloud Providers
- AWS
- GCP (Google Cloud Platform)
- Azure
- DigitalOcean
๐3โค1
ุงูู JSON Web Tokens (JWT) ๐ป
.
.
ูุนูู ุฅูู JWTุ ูููู ูู ู ูู ูู ุนุงูู ุงูุณููุชููุฑุ
ูู ุงุดุชุบูุช ูุจู ูุฏู ุนูู ุฃู ุชุทุจูู ููุจ ุฃู ู ูุจุงูู ุจูุชุทูุจ ู ูู ุชุณุฌูู ุฏุฎูู (login)ุ ุบุงูุจูุง ุณู ุนุช ุนู ุญุงุฌุฉ ุงุณู ูุง JWT ุฃู JSON Web Tokens.
โโโ
https://www.linkedin.com/posts/dev-alisamir_jwt-backenddeveloper-backend-activity-7252318823628890112-HBzI
.
.
ูุนูู ุฅูู JWTุ ูููู ูู ู ูู ูู ุนุงูู ุงูุณููุชููุฑุ
ูู ุงุดุชุบูุช ูุจู ูุฏู ุนูู ุฃู ุชุทุจูู ููุจ ุฃู ู ูุจุงูู ุจูุชุทูุจ ู ูู ุชุณุฌูู ุฏุฎูู (login)ุ ุบุงูุจูุง ุณู ุนุช ุนู ุญุงุฌุฉ ุงุณู ูุง JWT ุฃู JSON Web Tokens.
โโโ
https://www.linkedin.com/posts/dev-alisamir_jwt-backenddeveloper-backend-activity-7252318823628890112-HBzI
The Best Practice Guide to Android Architecture ๐ป
Master Modern Android Architecture to Not Become Irrelevant in 2025โs Competitive Mobile Development Industry
https://pl-coding.com/best-practice-guide
๐1
ุชุนุงู ูุฏุฑุฏุด ุดููุฉ ุนู ุงูู Serverless ๐ป
ุฎูุงู ุฑุญูุชู ูู ุนุงูู ุงูุจุฑู ุฌุฉ ู ู ูู ุณู ุนุช ุฃู ูุชุณู ุน ุนู ู ุตุทูุญ ุงูู "Serverless"ุ ุชุนุงู ูููู ุงูุญูุงูุฉ ุจุจุณุงุทุฉ...
โโโ
https://www.linkedin.com/posts/dev-alisamir_serverless-softwaredeveloper-softwaredevelopment-activity-7252712524867919872-vpcF
Download sub-folders/files of GitHub Repo ๐ป
It can make the sub-directories and files of the GitHub repository as zip and download it.
https://gitzip.org
โโโ
๐ Chrome:
https://chrome.google.com/webstore/detail/gitzip-for-github/ffabmkklhbepgcgfonabamgnfafbdlkn
๐ Microsoft Edge:
https://microsoftedge.microsoft.com/addons/detail/nlgkiabjnbdndgblhcaobimbpifcdkjj
๐ FireFox:
https://addons.mozilla.org/en-US/firefox/addon/gitzip
โค2๐1
Top 9 NoSQL Database Use Cases ๐ป
Different databases excel in different areas and itโs important to choose the right database for the requirement.
Used for content management systems and catalog management. Features BSON format, schema-less design, supports horizontal scaling with sharding, and high availability with replication
Ideal for time-series data management and recommendation engines. Offers wide-column format, distributed architecture, and CQL for SQL-like querying.
Suited for Cache, Session Management, and Gaming Leaderboards. Provides in-memory storage, support for complex data structures, and persistence options with RDB and AOF.
Used for content management systems and e-commerce platforms. Combines key-value and document-based operations with memory-first architecture and cross-data center replication.
Excellent for social networking and fraud detection. Features ACID compliance, index-free adjacency, Cypher Query Language, and HA cluster capabilities.
Perfect for serverless and IoT applications. Supports both key-value and complex document data, managed by AWS, with features like partition data across nodes and DynamoDB streams.
Used for data warehouse and large-scale data processing. Modeled after Googleโs Bigtable, offers Hadoop integration, auto-sharding, strong consistency, and region servers.
Ideal for full-text search and log and event data analysis. Built on Apache Lucene, document-oriented, with sharding and replication capabilities, and a RESTful interface.
Suitable for mobile applications and CMS. Document-oriented, ensures data consistency without locking, supports eventual consistency, and uses a RESTful API.
Different databases excel in different areas and itโs important to choose the right database for the requirement.
1. MongoDB (Document Store)
Used for content management systems and catalog management. Features BSON format, schema-less design, supports horizontal scaling with sharding, and high availability with replication
2. Cassandra (Wide-column Store)
Ideal for time-series data management and recommendation engines. Offers wide-column format, distributed architecture, and CQL for SQL-like querying.
3. Redis (Key-Value Store)
Suited for Cache, Session Management, and Gaming Leaderboards. Provides in-memory storage, support for complex data structures, and persistence options with RDB and AOF.
4. Couchbase (Document Store with Key-Value)
Used for content management systems and e-commerce platforms. Combines key-value and document-based operations with memory-first architecture and cross-data center replication.
5. Neo4j (Graph DB)
Excellent for social networking and fraud detection. Features ACID compliance, index-free adjacency, Cypher Query Language, and HA cluster capabilities.
6. Amazon DynamoDB (Key-Value and Document)
Perfect for serverless and IoT applications. Supports both key-value and complex document data, managed by AWS, with features like partition data across nodes and DynamoDB streams.
7. Apache Hbase (Wide-Column Store)
Used for data warehouse and large-scale data processing. Modeled after Googleโs Bigtable, offers Hadoop integration, auto-sharding, strong consistency, and region servers.
8. Elasticsearch (Search Engine)
Ideal for full-text search and log and event data analysis. Built on Apache Lucene, document-oriented, with sharding and replication capabilities, and a RESTful interface.
9. CouchDB (Document Store)
Suitable for mobile applications and CMS. Document-oriented, ensures data consistency without locking, supports eventual consistency, and uses a RESTful API.
๐3
ุฅุฒุงู ุชุชุฎูุต ู
ู ุงูุงุนุชู
ุงุฏูุฉ ูู ุงูููุฏุ
What is Dependency Injection?
https://youtu.be/ttza41X-O6k
What is Dependency Injection?
https://youtu.be/ttza41X-O6k
YouTube
ุงุฒุงู ุชุชุฎูุต ู
ู ุงูุงุนุชู
ุงุฏูุฉ ูู ุงูููุฏ | What is Dependency Injection ?
๐ ููุฑุณ ุจุฑูู
ููู
ูุชุนูู
MERN Full-Stack
๐ฅ ุงุญุตู ุนูู ุฎุตู 30% ุฎุงุต ูู ุชุงุจุนู ูุญูู ุชู!
https://yehiatech.store/mern
---
ุฑุงุจุท ููุฑุณ React ูู 90 ุฏูููุฉ:
https://youtu.be/fJSFus0pxZI
---
ุฑุงุจุท ููุฑุณ HTML ูCSS ูู 120 ุฏูููุฉ:
https://youtu.be/Pwatx1n1Ws0?si=fv7zgMX_ymxPJdykโฆ
๐ฅ ุงุญุตู ุนูู ุฎุตู 30% ุฎุงุต ูู ุชุงุจุนู ูุญูู ุชู!
https://yehiatech.store/mern
---
ุฑุงุจุท ููุฑุณ React ูู 90 ุฏูููุฉ:
https://youtu.be/fJSFus0pxZI
---
ุฑุงุจุท ููุฑุณ HTML ูCSS ูู 120 ุฏูููุฉ:
https://youtu.be/Pwatx1n1Ws0?si=fv7zgMX_ymxPJdykโฆ
โค3
ููุฑ ุฅุฏุงุฑุฉ ุงูู
ุดุงุฑูุน ุงูุจุฑู
ุฌูุฉ ุงููุงุฌุญุฉ - ุฃุญู
ุฏ ูุชุญู
https://youtu.be/LHpSmDF1hpI
https://youtu.be/LHpSmDF1hpI
YouTube
ููุฑ ุฅุฏุงุฑุฉ ุงูู
ุดุงุฑูุน ุงูุจุฑู
ุฌูุฉ ุงููุงุฌุญุฉ - ุฃุญู
ุฏ ูุชุญู | ุจูุฏูุงุณุช ููุงู
ูู ุงูุจุฑู
ุฌุฉ (12)
ููููุงุช ุงูุชูุงุตู ู
ุน ุงูู
ููุฏุณ / ุฃุญู
ุฏ ูุชุญู
@FathyAndAbusrea
https://www.linkedin.com/in/ahmedfathykhalid/
https://almdrasa.com/
===
๐ ููุฑุณ ุจุฑูู ููู ูุชุนูู MERN Full-Stack
๐ฅ ุงุญุตู ุนูู ุฎุตู 30% ุฎุงุต ูู ุชุงุจุนู ูุญูู ุชู!
https://yehiatech.store/mern
---
ููุฑุณ HTML ูCSS ููโฆ
@FathyAndAbusrea
https://www.linkedin.com/in/ahmedfathykhalid/
https://almdrasa.com/
===
๐ ููุฑุณ ุจุฑูู ููู ูุชุนูู MERN Full-Stack
๐ฅ ุงุญุตู ุนูู ุฎุตู 30% ุฎุงุต ูู ุชุงุจุนู ูุญูู ุชู!
https://yehiatech.store/mern
---
ููุฑุณ HTML ูCSS ููโฆ
โค3
ู
ู ุถู
ู ุงูู
ุตุทูุญุงุช ุงูู
ูู
ุฉ ูู ู
ุฌุงู ุงูููุจ ๐ป
.
.
ุฎูุงู ุฑุญูุชู ูู ู ุฌุงู ุงูููุจ ุฃููุฏ ู ุฑ ุนููู ู ุตุทูุญ ุงูู CORSุ ุฃู ูุงุฌูุชู ู ุดููุฉ ุจุณุจุจ ู ูุถูุน ุงูู CORS. ุฎูููุง ูุฏุฑุฏุด ุดููุฉ...
ุจุจุณุงุทุฉ ุงูู CORS ุงุฎุชุตุงุฑ ูู Cross-Origin Resource Sharing
โโโ
https://www.linkedin.com/posts/dev-alisamir_webdeveloper-webdevelopment-softwaredeveloper-activity-7253462754349502464-F2d9
.
.
ุฎูุงู ุฑุญูุชู ูู ู ุฌุงู ุงูููุจ ุฃููุฏ ู ุฑ ุนููู ู ุตุทูุญ ุงูู CORSุ ุฃู ูุงุฌูุชู ู ุดููุฉ ุจุณุจุจ ู ูุถูุน ุงูู CORS. ุฎูููุง ูุฏุฑุฏุด ุดููุฉ...
ุจุจุณุงุทุฉ ุงูู CORS ุงุฎุชุตุงุฑ ูู Cross-Origin Resource Sharing
โโโ
https://www.linkedin.com/posts/dev-alisamir_webdeveloper-webdevelopment-softwaredeveloper-activity-7253462754349502464-F2d9
โค2