The latest articles on DEV Community by Adetayo Taiwo (@adetayo_taiwo_c03b763c329). https://dev.to/adetayo_taiwo_c03b763c329 https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F2718628%2F21035003-aefa-4fd9-afee-4c419ca8ee38.jpg https://dev.to/adetayo_taiwo_c03b763c329 en Adetayo Taiwo Wed, 14 May 2025 21:21:40 +0000 https://dev.to/adetayo_taiwo_c03b763c329/getting-started-with-agile-scrum-a-beginners-guide-2kc9 https://dev.to/adetayo_taiwo_c03b763c329/getting-started-with-agile-scrum-a-beginners-guide-2kc9 <h3> Introduction: </h3> <blockquote> <p>Agile is a flexible way of managing software projects by breaking them into smaller chunks called iterations or sprints.<br> </p> </blockquote> <div class="highlight js-code-highlight"> <pre class="highlight plaintext"><code>Scrum is a popular Agile framework that helps teams: • Work in sprints (usually 1–2 weeks) • Hold daily stand-up meetings • Focus on delivering small, usable features quickly </code></pre> </div> <p><strong>Key Scrum Roles:</strong><br> • <u>Product Owner:</u> Decides what features are needed (manages backlog)<br> • <u>Scrum Master:</u> Ensures smooth team operation (like a coach)<br> • <u>Team Members:</u> Developers, designers, etc.<br> </p> <div class="highlight js-code-highlight"> <pre class="highlight plaintext"><code>Best Practices: • Keep user stories short and clear. • Regularly update ticket statuses. • Communicate actively using comments. • Break down big tasks into smaller subtasks.&lt;br /&gt; </code></pre> </div> <p><strong>What is Agile?</strong><br> Agile is a software development methodology that promotes:<br> • Collaboration<br> • Continuous delivery<br> • Quick feedback<br> • Adaptability to change<br> </p> <div class="highlight js-code-highlight"> <pre class="highlight plaintext"><code>Agile Principles in simple terms • Deliver working software frequently • Respond to change rather than follow rigid plans • Work together with customers and teams • Reflect often and improve continuously </code></pre> </div> <p><strong>What is Scrum?</strong><br> Scrum is a lightweight Agile framework used to manage complex projects.<br> <u>Scrum Roles:</u><br> Product Owner: Defines the vision, manages the backlog<br> Scrum Master: Coaches the team, removes blockers<br> Development Team: Builds the product (developers, designers, testers)<br> </p> <div class="highlight js-code-highlight"> <pre class="highlight plaintext"><code>Scrum Events: • Sprint (1–4 weeks): Time-boxed development cycle • Daily Standup: Quick daily team meeting (~15 mins) • Sprint Planning: Plan work for the sprint • Sprint Review: Demo finished work • Sprint Retrospective: Reflect and improve </code></pre> </div> <p>Have a question? Let’s chat in the comments!.</p> scrum productmanagement softwaredevelopment agile Adetayo Taiwo Mon, 12 May 2025 14:26:19 +0000 https://dev.to/adetayo_taiwo_c03b763c329/zero-to-junior-your-web-development-journey-with-reactjs-2koj https://dev.to/adetayo_taiwo_c03b763c329/zero-to-junior-your-web-development-journey-with-reactjs-2koj <p><strong>Week 1 - 2</strong><br> Project Management with Jira</p> <ul> <li>Understand Agile &amp; Scrum basics</li> <li>Create user stories, tasks, and epics</li> <li>Update task status (To Do, In Progress, Done)</li> <li>Comment and log work on tickets</li> </ul> <p><strong>Week 2 - 4</strong><br> Basic HTML5 / CSS3 Concepts</p> <ul> <li>HTML5 Tags</li> <li>HTML5 Tags – Tables</li> <li>HTML5 Tags – Forms</li> <li>CSS3 (Inline, Embedded &amp; External CSS)</li> </ul> <p><strong>Week 5 - 6</strong><br> Advanced HTML5 / CSS3 Concepts</p> <ul> <li>HTML5 Tags</li> <li>HTML5 Tags – Tables</li> <li>HTML5 Tags – Forms</li> <li>TailwindCSS</li> </ul> <p><strong>Week 7 - 8 - 9</strong><br> JavaScript Foundations: Core JS Concepts</p> <ul> <li>Data types, variables, operators</li> <li>Conditional statements &amp; loops</li> <li>Functions (declaration, expression, arrow)</li> <li>Arrays and objects (CRUD operations)</li> </ul> <p><strong>Week 10 - 11</strong><br> JavaScript Advanced Concepts</p> <ul> <li>Scope &amp; Closures</li> <li>Hoisting</li> <li>The “this” keyword</li> <li>Prototypes &amp; Inheritance</li> <li>ES6+ features (let/const, spread/rest, destructuring)</li> <li>Asynchronous JavaScript <ol> <li>Callbacks</li> <li>Promises</li> <li>async/await</li> <li>Fetch API</li> </ol> </li> </ul> <p><strong>Week 12</strong><br> Basics: Version Control with Git &amp; GitHub</p> <ul> <li>Install Git &amp; create GitHub account</li> <li>Learn basic Git commands (init, add, commit, push, pull)</li> <li>Create and clone repositories</li> <li>Work with branches and pull requests</li> <li>Collaborate using GitHub issues &amp; discussions</li> </ul> <p><strong>Week 13 - 15</strong><br> Phase 6: React Fundamentals<br> React Basics</p> <ul> <li>What is React &amp; why use it?</li> <li>Create React App / Vite setup</li> <li>JSX syntax</li> <li>Functional Components</li> <li>Props and State</li> </ul> <p>React Core Concepts</p> <ul> <li>Event handling</li> <li>Conditional rendering</li> <li>List rendering (map)</li> <li>Component reuse &amp; composition</li> </ul> <p>React Hooks</p> <ul> <li>useState</li> <li>useEffect</li> <li>useRef</li> <li>useContext</li> </ul> <p>React Router</p> <ul> <li>Setting up routes</li> <li>Navigating between pages</li> <li>Dynamic routes &amp; params</li> </ul> <p><strong>Week 16 - 20</strong><br> Project Development <br> Goal: Combine tools + code to simulate real-world tasks<br> Version Control</p> <ul> <li>Push code to GitHub regularly</li> <li>Collaborate via branches</li> <li>Open pull requests &amp; review code</li> </ul> <p>Jira Integration</p> <ul> <li>Break projects into tasks</li> <li>Assign yourself tasks</li> <li>Track progress using Jira boards</li> </ul> <p>Component Architecture</p> <ul> <li>Container vs Presentational components</li> <li>Smart/Dumb components</li> <li>Prop drilling vs Context API</li> </ul> <p>State Management</p> <ul> <li>Context API</li> <li>Redux (basic intro)</li> </ul> <p>Additional Tools</p> <ul> <li>Form handling (react-hook-form)</li> <li>API handling (Axios)</li> <li>Custom hooks</li> <li>Error boundaries</li> <li>Dev tools (React Dev Tools, Redux DevTools)</li> </ul> webdev react website learning