{"key":"full_stack_phase_1_4_week_plan_2026_03_19","title":"Full Stack Phase 1 4 Week Plan","content":"4-week Phase 1 plan for the full stack learning path, created on 2026-03-19.\n\nWeek 1: HTML + Basic CSS\nFocus on HTML structure, headings, paragraphs, links, images, lists, semantic layout, basic CSS, colors, spacing, fonts, and borders.\nTasks: watch the HTML/CSS sections, build along once, then rebuild a simple page without copying line by line.\nProject: personal homepage.\nGoal by end of week: build a simple page with sections like header, about, links, and contact.\nCheckpoint: can explain what each HTML section is doing and style a page so it does not look broken.\n\nWeek 2: Layout\nFocus on Flexbox, Grid, page sections, alignment, spacing, and responsive basics.\nTasks: learn how to place content on a page intentionally and practice changing layouts without following the tutorial exactly.\nProject: product landing page.\nGoal by end of week: build a page with hero section, features section, call to action, and footer.\nCheckpoint: understand when to use Flexbox vs Grid and the page still works when the screen gets smaller.\n\nWeek 3: Responsive Design + Bootstrap\nFocus on responsive design, media queries if covered, Bootstrap basics, containers, rows, columns, and reusable styling patterns.\nTasks: rebuild part of a previous page in a more responsive way and use Bootstrap as a tool, not a crutch.\nProject: improve the landing page or create a second small responsive page.\nGoal by end of week: make a page that works reasonably on desktop and mobile.\nCheckpoint: can adjust layout for smaller screens and are not completely dependent on Bootstrap for layout.\n\nWeek 4: Basic JavaScript + DOM\nFocus on buttons, events, input fields, changing text on the page, showing/hiding content, and basic DOM manipulation.\nTasks: learn just enough JavaScript to make the page react and do not worry about mastering JavaScript yet.\nProject: simple interactive page with button clicks, form input, and DOM changes. Example ideas: greeting generator, mini form preview, simple tracker, or button-based interactive widget.\nGoal by end of week: connect HTML, CSS, and JavaScript together without panicking.\nCheckpoint: can make the page respond to user actions and can read simple JavaScript and know what it is changing on the page.\n\nRules for all 4 weeks: 3 to 4 sessions per week, 60 to 90 minutes each, with 2 sessions learning and 1 to 2 sessions rebuilding or changing things independently. Every week should include four actions: watch, build, rebuild from memory, and change one thing on your own.\n\nEnd of Phase 1 success state: personal homepage, landing page, small interactive page, basic comfort with HTML/CSS/JS, and less fear about opening a blank file and starting.\n\n---\n**2026-03-19 10:53:07 UTC | Created via MCP**","summary":"4-week Phase 1 plan for the full stack learning path, created on 2026-03-19.\n\nWeek 1: HTML + Basic CSS\nFocus on HTML structure, headings, paragraphs, links, images, lists, semantic layout, basic CSS, colors, spacing, fonts, and borders.\nTasks: watch the HTML/CSS sections, build along once, then rebuild a simple page without copying line by line.\nProject: personal homepage.\nGoal by end of week: build a simple page with sections like header, about, links, and contact.\nCheckpoint: can explain what each HTML section is doing and style a page so it does not look broken.\n\nWeek 2: Layout\nFocus on Flexbox, Grid, page sections, alignment, spacing, and responsive basics.\nTasks: learn how to place content on a page intentionally and practice changing layouts without following the tutorial exactly.\nProject: product landing page.\nGoal by end of week: build a page with hero section, features section, call to action, and footer.\nCheckpoint: understand when to use Flexbox vs Grid and the page still works when the screen gets smaller.\n\nWeek 3: Responsive Design + Bootstrap\nFocus on responsive design, media queries if covered, Bootstrap basics, containers, rows, columns, and reusable styling patterns.\nTasks: rebuild part of a previous page in a more responsive way and use Bootstrap as a tool, not a crutch.\nProject: improve the landing page or create a second small responsive page.\nGoal by end of week: make a page that works reasonably on desktop and mobile.\nCheckpoint: can adjust layout for smaller screens and are not completely dependent on Bootstrap for layout.\n\nWeek 4: Basic JavaScript + DOM\nFocus on buttons, events, input fields, changing text on the page, showing/hiding content, and basic DOM manipulation.\nTasks: learn just enough JavaScript to make the page react and do not worry about mastering JavaScript yet.\nProject: simple interactive page with button clicks, form input, and DOM changes. Example ideas: greeting generator, mini form preview, simple tracker, or button-based interactive widget.\nGoal by end of week: connect HTML, CSS, and JavaScript together without panicking.\nCheckpoint: can make the page respond to user actions and can read simple JavaScript and know what it is changing on the page.\n\nRules for all 4 weeks: 3 to 4 sessions per week, 60 to 90 minutes each, with 2 sessions learning and 1 to 2 sessions rebuilding or changing things independently. Every week should include four actions: watch, build, rebuild from memory, and change one thing on your own.\n\nEnd of Phase 1 success state: personal homepage, landing page, small interactive page, basic comfort with HTML/CSS/JS, and less fear about opening a blank file and starting.\n\n---\n**2026-03-19 10:53:07 UTC | Created via MCP**","status":"active","namespace":"general","namespace_name":"general","namespace_tier":"shared","tags":[]}