SomNOG7 Workshops: Software Development

22 Dec 2024, 08:00 → 24 Dec 2024, 18:00 Africa/Mogadishu

TBD (SIMAD Town Campus)

Bashir Ahmed Mohamud (MERN Stack Developer, Tabaarak ICT Solutions)

Track 3: Software Development

Welcome to Full-Stack Development with the MERN Stack, a hands-on workshop designed to introduce and empower participants with the skills to build dynamic, scalable, and modern web applications using the MongoDB, Express.js, React.js, and Node.js (MERN) stack. This intensive program is tailored for aspiring and current developers seeking to enhance their expertise in full-stack development.

Purpose

 

At SomNOG, we recognize the crucial role of full-stack web development in driving innovation and digital transformation. This three-day intensive program aims to empower developers, ICT professionals, and students with hands-on training sessions. By focusing on a 60:40 practice-to-concepts ratio, we ensure that participants not only understand foundational and advanced concepts but also gain practical skills to address real-world development challenges and bridge the skills gap in the tech industry.

 

Workshop Description

The Full-Stack Development with the MERN Stack workshop, spanning three days, provides participants with immersive training in building modern web applications. Through a combination of theoretical insights and practical exercises, attendees will learn how to develop scalable and efficient full-stack applications tailored to meet the needs of dynamic, data-driven environments across various industries.

Who Should Attend?

This workshop is ideal for software developers, computer science students, and fresh graduates looking to expand their knowledge and skills in full-stack web development. Participants should have a basic understanding of JavaScript and web development concepts. Bringing a laptop is essential to fully engage with the hands-on exercises and project-based learning sessions.

Join us for an enriching learning experience that will equip you with the tools and expertise to drive innovation and excellence in modern web application development.

Sunday, 22 December

08:25 → 08:35 Welcome to Full-Stack Development with the MERN Stack

08:40 → 10:30 Introduction to MERN Stack

• Quick overview of MongoDB, Express.js, React.js, and Node.js.
• How the MERN stack enables full-stack development.
• Tools setup: Node.js, npm, MongoDB, and Visual Studio Code.

10:30 → 11:00 Tea Break

11:00 → 12:30 React Basics

• React components, JSX, and the virtual DOM.
• Managing state with useState and useEffect.

12:30 → 14:00 Prayer and Lunch break

14:00 → 15:30 Practical Exercise: React Basics

• Build a simple dynamic app (e.g., a to-do list).

15:30 → 16:00 Prayers and Tea Break

16:00 → 17:20 React Router for Multi-Page Apps & React and External APIs

• Setting up navigation with React Router.
• Dynamic routing and passing data between routes.
• Fetching data using Axios or Fetch API.
• Practical exercise: Build an app to display data from a public API.

Monday, 23 December

08:00 → 09:00 Building RESTful APIs with Node.js and Express

• Setting up an Express server.
• Creating API endpoints with CRUD operations.

09:00 → 10:30 Database Operations with MongoDB

• Connecting Node.js to MongoDB using Mongoose.
• Schema creation and database operations

10:30 → 11:00 Tea Break

11:00 → 12:30 Practical Exercise: Backend API

• Build an API for a user management system.

12:30 → 14:00 Prayer and Lunch break

14:00 → 15:30 Securing the Backend

• Authentication with JWT.
• Middleware for role-based access control.

15:30 → 16:00 Prayers and Tea Break

16:00 → 17:30 Connecting Frontend and Backend

• Implementing API calls in React to fetch and post data.
• Displaying backend data dynamically in the React app.

Tuesday, 24 December

08:00 → 09:30 Project Overview and Team Setup

• Explanation of the project requirements and objectives.
• Forming teams and assigning roles.

09:30 → 10:30 Development Phase I

• Backend API development and database setup.

10:30 → 11:00 Tea Break

11:00 → 12:30 Development Phase II

• Frontend development and integration with the backend.

12:30 → 14:00 Prayer and Lunch break

14:00 → 15:00 Development Phase III

• Completing the project features and debugging.

15:00 → 15:30 Project Presentation and Closing Ceremony

• Teams present their projects (e.g., task manager, e-commerce app, or blog).
• Feedback from facilitators and peers.

15:30 → 16:00 Prayers and Tea Break

16:00 → 17:20 General discussions, Closing, Certification and Evaluation