Ok so I didn't make it to school but I'm in Bootcamp. Back to blogging about progress and maybe it will help. I've decided to dedicate everything to one thing at a time. My mind gets to cluttered with so many goals. Right now the most important thing to me is accomplishing this. Get a job.
To do that first I must finish bootcamp. My mind has set up this journey for me.
Finish Bootcamp, get a job, IF NOT get a masters degree.
I want to feel like I am confident in everything. Presentations. Designing. I NEED that for happiness. In the past I thought that to find joy in work you need to love what you do. That's no longer the case for me. To find joy in your work I want to be an expert in my field. I'm a Virgo, residential know it all. It should bring me happiness to be smart right?
I asked ChatGPT how best to learn HTML, CSS, and Javascript, I also asked for resources on each. Here's what it told me. If anyone else wants to join on this journey do let me know. Let's study together.
Schedule: about 2-3 hours each day
Days 1-3: Introduction to HTML, basic structure, headings, paragraphs, lists.
Days 4-6: Links, images, forms, input elements.
Days 7-8: Semantic HTML (div, span, article, section, etc.).
Day 9-10: HTML validation, best practices.
Weeks 3-4: CSS Fundamentals
Days 1-3: Introduction to CSS, selectors, properties, values.
Days 4-6: Box model, margins, padding, borders.
Days 7-8: Positioning, display, floats.
Day 9-10: Responsive design and media queries.
Weeks 5-6: Advanced CSS and Styling
Days 1-3: Flexbox layout.
Days 7-8: Transitions, animations.
Day 9-10: CSS frameworks (e.g., Bootstrap).
Weeks 7-10: Introduction to JavaScript
Days 1-3: Variables, data types, operators.
Days 4-6: Control structures (if statements, loops).
Days 7-8: Functions, scope, closures.
Days 9-10: Objects and arrays.
Weeks 11-12: DOM Manipulation and Events
Days 1-3: DOM manipulation basics.
Days 4-6: Handling events.
Days 7-8: Asynchronous JavaScript (callbacks, promises).
Day 9-10: AJAX and Fetch API.
Weeks 13-14: Advanced JavaScript
Days 1-3: ES6 features (arrow functions, destructuring, classes).
Days 4-6: Modules and module bundlers (e.g., webpack).
Days 7-8: Error handling (try-catch).
Day 9-10: Testing basics (e.g., using Jest).
Weeks 15-16: Project and Portfolio Building
Days 1-5: Plan and start a small project.
Days 6-10: Work on and complete the project.
Days 11-14: Create an online portfolio showcasing your projects.
Resource 1: MDN Web Docs - HTML
Resource 2: W3Schools - HTML Tutorial
Resource 3: Codecademy - Learn HTML
Weeks 3-4: CSS Fundamentals
Resource 1: MDN Web Docs - CSS
Resource 2: W3Schools - CSS Tutorial
Resource 3: Codecademy - Learn CSS
Weeks 5-6: Advanced CSS and Styling
Resource 1: Flexbox Froggy (Interactive game for learning Flexbox)
Resource 2: CSS Grid Garden (Interactive game for learning CSS Grid)
Resource 3: MDN Web Docs - Using CSS transitions
Weeks 7-10: Introduction to JavaScript
Resource 1: MDN Web Docs - JavaScript Guide
Resource 2: Eloquent JavaScript by Marijn Haverbeke (free online book)
Resource 3: Codecademy - Learn JavaScript
Weeks 11-12: DOM Manipulation and Events
Resource 1: MDN Web Docs - Introduction to the DOM
Resource 2: JavaScript.info - DOM Nodes
Resource 3: W3Schools - JavaScript HTML DOM
Weeks 13-14: Advanced JavaScript
Resource 2: Webpack Documentation
Resource 3: Jest Documentation
Weeks 15-16: Project and Portfolio Building
Resource 1: GitHub - Version control and project hosting
Resource 2: Netlify or GitHub Pages - Hosting for your portfolio
Resource 3: Awwwards - Inspiration for web design
