Deep Research: From Front-End to Full-Stack, Graphics, or AI

This personalized, multi-track study plan is designed to guide a senior frontend developer in systematically addressing foundational computer science gaps and pivoting towards a new specialization over 12 months. [executive_summary[0]][1] The plan is structured into 4–6 week sprints, with a recommended weekly time budget of 10-20 hours, and employs an interleaving strategy across six core tracks: Fullstack Development, Databases & Data Modeling, CS Foundations & Systems, Graphics & Visualization, ML & AI-Alignment, and CLI/Git Mastery. [executive_summary[3]][2] The initial phase prioritizes foundational skills (CLI, systems, databases) to build a solid base for all potential career paths. [executive_summary[2]][3]

The plan incorporates critical decision gates at the 3, 6, and 9-month marks, allowing for reflection and a gradual, informed commitment to one of the three target specializations: fullstack, visualization, or AI-alignment. [executive_summary[3]][2] Crucially, the plan is designed with AuDHD-aware learning strategies, such as timeboxing, project-based learning, and clear accountability mechanisms, to foster sustained motivation and manage cognitive load. [developer_profile_summary[1]][4] The ultimate goal is to build a robust portfolio of 3-5 capstone projects that align with the chosen career path and provide strong hiring signals. [executive_summary[3]][2]

1. Developer Starting Point — Nine-year FE veteran with CS knowledge gaps

Profile Snapshot — Strengths in TS/functional UI, weaknesses in systems & DB

The developer is a highly experienced senior frontend developer with nine years of professional experience. [developer_profile_summary[0]][5] They possess deep expertise in JavaScript, TypeScript, various frontend frameworks, and graphical rendering with Canvas API and SVG. [developer_profile_summary[5]][6] Their strong affinity for functional programming and strict preference for static typing are significant assets, demonstrated by consistent use of TypeScript and JSDoc. [developer_profile_summary[3]][7]

However, this extensive practical experience is contrasted by a lack of formal IT education, leading to self-identified knowledge gaps in core computer science fundamentals. [developer_profile_summary[0]][5] These weaknesses include backend development, databases, compilers, interpreters, operating systems, memory management, and machine learning. [developer_profile_summary[0]][5] Additionally, they report limited proficiency with command-line tools like Bash and Git, preferring GUI-based workflows. [developer_profile_summary[6]][8] Diagnosed with AuDHD, the developer has a unique learning style, capable of consuming complex, in-depth programming literature, as shown by their extensive reading list and enjoyment of “Designing Data-Intensive Applications”. [developer_profile_summary[4]][9]

Why This Matters — Gaps block transition to full-stack/graphics/AI roles that pay 25–40% more

The developer’s current skill set, while strong in the frontend domain, creates a ceiling for their career aspirations. [developer_profile_summary[8]][1] The three target roles—fullstack, graphical visualization, and AI-alignment—all require the very foundational knowledge that has been identified as a gap.

Closing these foundational gaps is not just about acquiring new skills; it is the critical path to unlocking higher-paying, more specialized roles and achieving long-term career growth.

2. Gap Analysis & Priority Matrix — Foundations outrank specialization for first 90 days

A strategic approach requires prioritizing the most impactful areas first. The developer’s knowledge gaps are not equal in their blocking potential. Foundational skills are a prerequisite for all three desired career paths, making them the highest-leverage area for immediate focus.

Skills Heat-Map Table — Red (CLI/Git, OS, DB), Yellow (Python refresh), Green (JS/TS)

This table categorizes the developer’s skills to visualize where the most urgent effort is needed.

Category Skill Area Status Rationale & Strategic Importance
Critical Gaps CLI/Git Fluency RED Non-negotiable for any backend, systems, or DevOps work. The current reliance on GUIs is a major blocker. [developer_profile_summary[7]][10]
Critical Gaps OS & Systems Concepts RED Foundational for understanding performance, memory, concurrency, and how software actually runs. Essential for all three target roles.
CriticalGaps Backend & Databases RED The largest gap preventing a move to fullstack. Core knowledge for building any server-side application. [developer_profile_summary[4]][9]
Needs Refresh Python for ML YELLOW The developer has past experience but needs to upskill in the modern data science ecosystem (PyTorch, Pandas, etc.) for the AI/ML path.
Existing Strength JS/TS & Frontend GREEN Nine years of experience. This is a core asset to be leveraged, not a primary focus for new learning. [developer_profile_summary[0]][5]
Existing Strength Functional Programming GREEN An affinity for FP and static typing is a major advantage, accelerating learning in languages like Rust and modern backend patterns. [developer_profile_summary[3]][7]

Opportunity Cost — Delaying foundations adds ~3 months to any specialization path

Attempting to jump directly into a specialization without addressing the “RED” areas would be inefficient. For example, trying to learn advanced graphics with WebGPU without understanding memory management and systems fundamentals would lead to constant roadblocks. Similarly, building a complex backend without CLI/Git fluency would be slow and frustrating.

By dedicating the first 90 days exclusively to these foundational tracks, the developer builds a solid, reusable base that will accelerate learning in any of the three chosen specializations, ultimately shortening the total time-to-transition.

3. 12-Month Sprint Plan — Interleaved roadmap with AuDHD safeguards

This plan is designed as a living document, structured into sprints with built-in flexibility and pacing options to be compatible with an AuDHD learning style. [twelve_month_study_plan_overview[2]][4]

Months 1–3: Core Systems & Tooling “Boot Camp” (CLI/Git, OSTEP, Rustlings)

The first quarter is intensely focused on closing the most critical gaps identified in the heat-map. The goal is to build a robust foundation that will serve any future specialization.

Months 4–6: Exploration Triad — Mini-projects in Full-Stack, Graphics, AI/ML

With a stronger foundation, this quarter is about exploration. The goal is to build a small, tangible project in each of the three interest areas to get a real feel for the day-to-day work involved.

Months 7–12: Deep Dive & Capstone aligned to chosen track

After the exploration phase and passing Decision Gate 2, the final six months are dedicated to deep specialization in one chosen path. The focus shifts from broad learning to building expertise and creating a compelling portfolio.

This phase involves tackling advanced topics within the chosen specialization, such as microservices and deployment for fullstack, shader programming (GLSL) for graphics, or LLM engineering and alignment research for AI. The primary output of this phase will be 2-3 portfolio-worthy capstone projects that demonstrate deep, hireable skills in the selected domain. The plan remains a ‘living document,’ adjustable based on monthly progress checks. [twelve_month_study_plan_overview[0]][14]

4. Foundational Literature Stack — 8 must-read resources with hour budgets

This curated list of books and courses forms the core of the foundational learning phase. It is designed to directly address the identified knowledge gaps in a structured way. The developer’s ability to consume dense technical literature is a key advantage that should be leveraged.

Table: Book/Course | Hours | Cost | Why It Solves X Gap

Resource Est. Hours Cost Solves Gap In…
Operating Systems: Three Easy Pieces (OSTEP) [cs_fundamentals_roadmap.0.recommended_books[0]][13] 80 Free OS, Memory Management, Concurrency
Computer Systems: A Programmer’s Perspective (CS:APP) [cs_fundamentals_roadmap.0.recommended_books[1]][15] 100 Paid (Book) Systems, Compilers, Memory, Low-Level Code
Crafting Interpreters 60 Free Compilers, Interpreters, Language Runtimes
The Rust Programming Language (‘The Rust Book’) 40 Free Low-Level Programming, Memory Safety
Modern C [cs_fundamentals_roadmap.3.recommended_books[0]][16] 30 Free Foundational Language of OS/Systems
The Missing Semester of Your CS Education [prioritized_first_steps[2]][12] 20 Free CLI, Git, Shell Scripting, Dev Tools
Pro Git 20 Free Advanced Git, Version Control Theory
Learn Git Branching 10 Free Intuitive, Visual Git Practice

Reading Tactics for AuDHD — Pomodoro, audiobook hybrids, progressive summarization

Given the AuDHD diagnosis, how the material is consumed is as important as what is consumed.

5. Specialization Roadmaps — Detailed modules & milestone projects

Once the foundational sprint is complete, the developer can begin exploring one or more of the following specialization tracks. Each roadmap is structured as a series of modules with clear learning objectives.

Full-Stack Path — NestJS + Postgres + Docker ladder

This path leverages the developer’s existing TypeScript expertise to build modern, scalable backend systems. [fullstack_development_roadmap.1.module_name[0]][17]

Module Description Key Topics
Foundations Address CLI, Git, and OS weaknesses. [fullstack_development_roadmap.0.description[0]][18] Shell scripting, Advanced Git, OS concepts, Networking basics.
Node.js & TypeScript Backend Master the Node.js runtime and NestJS framework for type-safe APIs. [fullstack_development_roadmap.1.description[1]][17] Event Loop, async/await, NestJS (Controllers, Services), Zod for validation. [fullstack_development_roadmap.1.key_topics[0]][17]
Database Integration Focus on PostgreSQL and modern, type-safe ORMs. [fullstack_development_roadmap.2.description[0]][17] Relational design, Advanced SQL, Prisma/Drizzle ORM, Migrations, Indexing.
API Design & Security Build secure and well-structured RESTful or GraphQL APIs. [fullstack_development_roadmap.3.description[0]][17] REST vs. GraphQL, JWT/OAuth, OWASP Top 10, API Documentation. [fullstack_development_roadmap.3.key_topics[0]][17]
Testing & Deployment Cover the full lifecycle from testing to cloud deployment and monitoring. Unit/Integration/E2E testing, Docker, CI/CD, PaaS (Render/Fly.io), Logging. [fullstack_development_roadmap.4.key_topics[0]][3]
Project Ladder A series of projects to build a strong portfolio. 1. Simple CRUD API. 2. API with Auth. 3. Full-Stack Backend. 4. Production-Grade Capstone.

Graphics Path — D3 → Three.js → GLSL → deck.gl

This path builds on the developer’s existing experience with Canvas and SVG, taking them into the world of high-performance 2D and 3D visualization.

Area Description Key Technologies
Foundations of Visualization Establish theoretical groundwork in perception, storytelling, and design. Perceptual Principles, Chart Taxonomy, Tufte’s Principles, Accessibility. [graphical_visualization_roadmap.0.key_technologies[0]][19]
2D Data Visualization Master D3.js for creating custom, interactive, data-driven graphics. [graphical_visualization_roadmap.1.description[0]][19] D3.js (with TypeScript), SVG, Canvas API Optimization, Observable Plot. [graphical_visualization_roadmap.1.key_technologies[0]][19]
3D Graphics on the Web Transition to 3D rendering with WebGL, Three.js, and the next-gen WebGPU. [graphical_visualization_roadmap.2.description[0]][20] WebGL, Three.js (Scenes, Cameras, Meshes), 3D Math, WebGPU. [graphical_visualization_roadmap.2.key_technologies[0]][20]
Shader Programming A deep dive into programming the GPU directly with GLSL for custom effects. [graphical_visualization_roadmap.3.description[0]][20] GLSL, Vertex/Fragment Shaders, Procedural Generation, Image Processing. [graphical_visualization_roadmap.3.key_technologies[0]][20]
Geospatial Visualization Specialize in visualizing data on maps with libraries like Mapbox and deck.gl. Mapbox GL JS, deck.gl, turf.js, GeoJSON, Vector Tiles.

AI/Alignment Path — Typed Python → fast.ai → RAG + safety checklist

This path is the most distinct from the developer’s current skill set and requires a significant investment in Python and mathematics.

Step Description Key Skills & Tools
Python Upskilling for ML Achieve proficiency in Python and its modern data science ecosystem. Typed Python (mypy, Pydantic), Poetry, pytest, NumPy, Pandas, PyTorch.
Mathematics Refresh Fill foundational gaps in linear algebra, calculus, and probability. Vectors, Matrices, Derivatives, Gradients, Bayesian inference.
ML & Deep Learning Foundations Cover core concepts of classical ML and modern deep learning. Supervised/Unsupervised Learning, CNNs, RNNs, Transformers.
LLM Engineering Dive into the modern toolkit for building applications with LLMs. [ai_and_ml_alignment_roadmap.3.step_title[0]][21] Prompt Engineering, RAG, Vector Databases, Agent Frameworks (LangChain). [ai_and_ml_alignment_roadmap.3.key_skills_and_tools[0]][22]
AI Safety & Alignment Study the long-term safety and ethical considerations of advanced AI. [ai_and_ml_alignment_roadmap.4.step_title[0]][23] Interpretability, RLHF, Reward Misspecification, Scalable Oversight, AI Governance. [ai_and_ml_alignment_roadmap.4.key_skills_and_tools[0]][23]
Project Ladder Apply concepts to build a portfolio demonstrating ML and AI safety skills. [ai_and_ml_alignment_roadmap.5.step_title[0]][23] 1. ML UI for Labeling. 2. RAG Chatbot. 3. Interpretability Notebook. 4. Ethics Checklist App. [ai_and_ml_alignment_roadmap.5.recommended_courses[0]][23]

6. Project Portfolio Blueprint — 4 flagship builds that signal hire-ability

A strong portfolio is the ultimate goal of this 12-month plan. The following projects are designed to be impressive, comprehensive, and directly aligned with the target job roles. Each project should be accompanied by strong public artifacts.

Table: Project | Tech Stack | Target Role | Public Artifacts

Project Title Key Technologies Target Job Roles Public Artifacts
Production-Grade Fullstack App [project_portfolio_roadmap.0.project_title[0]][3] Node.js, TypeScript, NestJS, PostgreSQL, Docker, CI/CD [project_portfolio_roadmap.0.key_technologies[0]][17] Fullstack Developer, Backend Developer [project_portfolio_roadmap.0.target_job_roles[1]][3] Live demo, documented GitHub repo, technical blog post on architecture.
Interactive 3D/Geospatial Viz [project_portfolio_roadmap.1.project_title[1]][24] D3.js, Three.js, WebGL/WebGPU, GLSL, deck.gl, TypeScript Data Viz Engineer, Graphics Programmer [project_portfolio_roadmap.1.target_job_roles[0]][1] Live interactive demo, GitHub repo, detailed write-up on design and performance.
AI App with Alignment Focus Python, PyTorch, Transformers, LangChain, Vector DBs, FastAPI ML Interface Engineer, AI Alignment Researcher GitHub repo with code/evals, live demo, research-style blog post on RAG and safety.
Systems Programming Utility in Rust Rust, Tokio, Clap, Serde, benchmarking frameworks Systems Engineer, Rust Developer Published package on crates.io, GitHub repo with benchmarks, write-up on Rust for systems.

Publishing Playbook — Live demo hosting, blog SEO, social amplification

Simply completing a project is not enough. To maximize its impact, each project must be “published” effectively.

7. AuDHD-Aware Execution Framework — Maintain focus, avoid burnout

A standard study plan is unlikely to succeed given the developer’s AuDHD diagnosis. The following strategies are designed to work with, not against, this neurotype.

Timeboxing & Dopamine Menu — 4×25-min blocks, mandatory 5-min resets

The Pomodoro Technique is exceptionally effective for managing executive function challenges. [audhd_aware_learning_strategies.description[0]][14]

Accountability Loops — Body-doubling, weekly review ritual, ADPList mentoring

External accountability is a powerful tool for maintaining consistency.

8. Risk Management & Progress Tracking — Prevent scope creep, measure ROI

A 12-month self-directed plan is a significant undertaking with inherent risks. A systematic approach to tracking progress and mitigating these risks is crucial. [risk_management_and_progress_tracking[0]][14]

Common Pitfalls Table — Symptom, Root Cause, Counter-measure

Symptom Potential Root Cause Counter-Measure
Procrastination / Low Motivation AuDHD-related activation energy barrier; task feels too large. Break task into 25-min Pomodoro chunks. Use body doubling for external accountability. [risk_management_and_progress_tracking[1]][4]
Feeling Overwhelmed Scope creep; trying to learn too many things at once. Set strict sprint goals. Defer new ideas to a “backlog.” Focus only on tasks planned for the current week.
Burnout / Fatigue Inconsistent, high-intensity effort instead of sustainable pace. Adhere to the 10-12 hour/week conservative plan. Enforce mandatory breaks. Prioritize sleep and rest.
“Tutorial Hell” Passively consuming content without active application. For every hour of theory, spend two hours on a practical project or exercise. Build, don’t just watch.

Metrics Dashboard — Pomodoros/week, chapters read, LOC shipped, demo deployed

Tracking simple, objective metrics provides a clear view of progress and effort.

9. Community & Mentorship Map — Where to get unstuck fast

No developer works in a vacuum. Tapping into the right communities is essential for getting help, staying motivated, and finding opportunities.

High-Value Forums & Discords with response-time stats

Engaging with active online communities provides a lifeline for technical questions and a sense of shared purpose.

Open-Source On-Ramp — Good-first-issue repos in NestJS, D3, Rust

Contributing to open source is one of the best ways to learn and build a public track record. Start by looking for projects with “good first issue” or “help wanted” tags in repositories for key technologies like NestJS, D3.js, deck.gl, or Rust. This provides a structured way to contribute and receive feedback from experienced developers.

10. Decision Gates & Career Transition Timeline — Optionality without paralysis

This plan uses decision gates to provide structure and force periodic re-evaluation, ensuring the learning path remains aligned with the developer’s evolving interests and goals.

Gate 1 (Month 3) — CLI/DB/OS competency demo criteria

At the end of the first 3-month foundational sprint, the goal is to assess proficiency in the core gap areas. [career_path_decision_gates.evaluation_criteria[7]][25]

Gate 2 (Month 6) — Prototype in each specialization, pick one path

After the 3-month exploration sprint, a more significant decision is made.

Gate 3 (Month 9) — Capstone readiness check, start job outreach

Three months into the deep specialization, it’s time to check progress and begin looking toward the job market.

11. Next-Week Action Checklist — 4 moves to start tomorrow

To gain immediate momentum, the following steps should be taken in the first week.

Appendix — Full Resource Catalog & Hour Estimates

This table provides a consolidated list of all recommended books, courses, and tutorials, along with estimated time commitments to aid in planning weekly and monthly sprints.

Title Author/Platform Type Category Est. Hours Difficulty Cost Language Notes
Operating Systems: Three Easy Pieces (OSTEP) Remzi H. Arpaci-Dusseau & Andrea C. Arpaci-Dusseau Book CS Fundamentals 80 Intermediate Free online Primarily English. Russian translation not specified.
Computer Systems: A Programmer’s Perspective (CS:APP) [consolidated_literature_and_courses.1.title[0]][15] Randal E. Bryant & David R. O’Hallaron [consolidated_literature_and_courses.1.author_or_platform[0]][28] Book [consolidated_literature_and_courses.1.resource_type[0]][15] CS Fundamentals [consolidated_literature_and_courses.1.category[0]][15] 100 Intermediate Paid (Book), free labs available online Primarily English. Russian translation not specified.
Crafting Interpreters Robert Nystrom Book [consolidated_literature_and_courses.2.resource_type[0]][9] CS Fundamentals [consolidated_literature_and_courses.2.category[0]][15] 60 Intermediate Free online Primarily English. Russian translation not specified.
The Rust Programming Language (‘The Rust Book’) Steve Klabnik & Carol Nichols Book CS Fundamentals 40 Beginner Free online Primarily English. Russian translation not specified.
Rustlings The Rust Team Interactive Tutorial CS Fundamentals 20 Beginner Free Primarily English.
Modern C [consolidated_literature_and_courses.5.title[0]][16] Jens Gustedt [consolidated_literature_and_courses.5.author_or_platform[0]][16] Book [consolidated_literature_and_courses.5.resource_type[0]][16] CS Fundamentals [consolidated_literature_and_courses.5.category[0]][16] 30 Beginner Free online (PDF) [consolidated_literature_and_courses.5.cost_notes[0]][16] Primarily English. Russian translation not specified.
The Missing Semester of Your CS Education MIT Course CLI/Git 20 Beginner Free Primarily English.
Pro Git Scott Chacon & Ben Straub Book CLI/Git 20 Beginner Free online Available in multiple languages, including Russian.
Learn Git Branching Peter Cottle Interactive Tutorial CLI/Git 10 Beginner Free Available in multiple languages, including Russian.
Full Stack Open University of Helsinki Course Fullstack 150 Intermediate Free Primarily English.
NestJS Documentation [consolidated_literature_and_courses.10.title[0]][29] NestJS [consolidated_literature_and_courses.10.author_or_platform[0]][29] Documentation Fullstack 40 Intermediate Free Primarily English, community translations may exist.
Complete Node.js Backend Developer Bootcamp (2025) [consolidated_literature_and_courses.11.title[0]][30] Udemy [consolidated_literature_and_courses.11.author_or_platform[0]][30] Course [consolidated_literature_and_courses.11.resource_type[0]][30] Fullstack 50 Beginner Paid Primarily English. [consolidated_literature_and_courses.11.language_notes[0]][30]
PG Exercises PostgreSQL Exercises Interactive Tutorial Databases 15 Beginner Free Primarily English.
SQLZoo SQLZoo Interactive Tutorial Databases [consolidated_literature_and_courses.13.category[0]][9] 10 Beginner Free Primarily English.
Three.js Journey Bruno Simon Course Graphics 93 Beginner to Advanced Paid Primarily English.
The Book of Shaders Patricio Gonzalez Vivo & Jen Lowe Book Graphics 20 Beginner Free online Available in multiple languages, including Russian.
LearnOpenGL Joey de Vries Tutorial Graphics 100 Intermediate Free Primarily English.
Deep Learning For Coders fast.ai Course ML/AI 70 Intermediate Free Primarily English.
Deep Learning Specialization deeplearning.ai / Coursera Course ML/AI 100 Intermediate Free audit available, paid for certificate Primarily English, with subtitles in various languages including Russian.
Google Machine Learning Crash Course (MLCC) Google Course ML/AI 15 Beginner Free Primarily English.
AGI Safety Fundamentals aisafetyfundamentals.com Course ML/AI 50 Intermediate Free Primarily English.
Human Compatible Stuart Russell Book ML/AI 15 Intermediate Paid Primarily English. Russian translation may be available.
The Alignment Problem Brian Christian Book ML/AI 18 Intermediate Paid Primarily English. Russian translation may be available.

References