Embold Tech Bootcamp Program

DURATION: EIGHT (8) WEEKS

Collaboration: Embold Design in partnership with NANS-D,
NAUS & Barry Wonders International.

OUR PARTNERS:

Welcome onboard:

We're excited to welcome you to an intensive journey where you'll dive deep into your tech journey. Over the next eight weeks, you
will work on practical projects, and build a portfolio that showcases your skills This bootcamp is more than just learning; it's
about growing as an individual and thinker in a supportive and collaborative environment. You'll connect with peers, gain insights
from mentors, and emerge with the confidence and skills to make your mark in your career field.

Let's embark on this transformative journey together.

Best Regards.

Gabriel Iruagba
Program Director
 WEBSITE DEVELOPMENT CURRICULUM
S/N ACTIVITY TIME DATE INSTRUCTOR
1  Brief Intro. Of Web. Development & Introduction to 6PM SAT. 16TH EPHRAIM
Git and Github NOV.,
2024
 Github account creation
 Github website master creation
 Github Branch Creation
 Installation of necessary tools (VS Code, Github for
Desktop)
 Github and VS Code link together
2 HTML FOUNDATIONS AND STRUCTURING 6PM SUN. OLUWASEYI
17TH
 Introduction to HTML (Understanding HTML, structure
NOV.,
of HTML document and DOCTYPE)
2024.
 Basic Tags (Html tag, Head tag, Title tag and Body tag
 Working with Text, Image and Links (heading tag,
paragraph tag, span tag, ancherlink tag, adding images,
break tag and bold tag)
 Grouping Content (Understanding div roles in layout)
HANDS-ON-PRACTICE
(Building a simple webpage with text, links, Images
and Using div.
3 STRUCTURING AND ORGANIZING CONTENT 6PM SAT. 23RD OLUWASEYI
NOV.,
 Semantic HTMLs Tags (Using header, footer, articles,
2024
section and nav tag for better page structure) ;
 HTML Attribute (Adding attributes to HTML tags – class
and ID attribute)
 Forms Basics (Building a form using form tag, input,
label, textarea, select, placeholder and button)
HANDS-ON-PRACTICAL
Structure a webpage with sections, semantic tags and forms
4 STRUCTURING AND ORGANIZING CONTENT II 6PM SUN. OLUWASEYI
24TH
 Tables (Creating tables with table tag, table row tag,
NOV.,
table data, table header
2024.
 Media Embedding (Embedding audio and video using
audio and video tags)
HANDS-ON-PRACTICAL
Structure add Tables and Media to your existing structure
web page
5 CSS BASICS AND SELECTORS 6PM SAT. 30TH OLUWASEYI
NOV.,
 Introduction to CSS (understanding the purpose of CSS,
2024.
how it complements HTML and CSS syntax)
 Ways to Apply CSS (Understanding Inline, Internal and
External CSS Links to HTML)
  Basic Selectors (Understanding CSS selector, property
and values relation to HTML tags – Tag selectors &
Attributes selector)
 Color and Text Styling (Applying colors, background
colors, text properties – fonts, font sizes, font-weight,
line-height, text alignment)
HANDS-ON-PRACTICE
Style a simple HTML page with basic colors, fonts and
text alignment
6 BOX MODEL AND LAYOUT BASICS 6PM SUN. 1ST OLUWASEYI
DEC.,
 CSS Box Model (understanding and adjusting the box
2024.
model – content, padding, border, and margin.)
 Background Properties (color, images and gradients)
 Borders: (Style, width, color, border-radius for rounded
corners)
 Positioning (Understanding CSS position with Static,
Relative, Absolute and Fixed Position)
Understanding Z-index in positioning.
HANDS-ON-PRACTICE
Add background, padding, margin, border and
positioning to existing HTML content of your site
7 BOX MODEL, LAYOUT BASICS AND TRANSITION 6PM SAT. 7TH OLUWASEYI
DEC.,
 Flexbox Layout (Introduction to Flexbox for creating
2024.
responsive layouts).
Using flex display, Flex direction, Justify-content, align-
items and gap properties.
 Transitions and Basic Animation (Adding animations
for smooth changes (hover effects, colors, transitions
e.t.c)
 Basics of CSS animations (Using @key frames for
simple animation effects)
HANDS-ON-PRACTICE:
Create a basic layout using the box model and flexbox for
structure and alignment.
8 RESPONSIVE DESIGN 6PM SUN. 8TH OLUWASEYI
DEC.,
 Responsive Design with Media Queries (Writing media
2024
queries for different screen sizes – mobile, tables,
desktop)
 Adjusting layout, font sizes and spacing for responsive
design

9 JAVASCRIPT BASICS AND DATA TYPES 6PM SAT 14TH EPHRAIM

DEC.,
 Introduction to JavaScript (JavaScript’s role in web
2024
 development and linking a JavaScript file to HTML)
 Variables and Data Types (Declaring variables with let,
const, and var)
 Understanding Data types: (strings, numbers, boolens,
null, undefined)
 Operators (Basic operators (+, --, *, /), comparison
operators (==, ===, !=,!==), and logical operators (&&,
II, !).
10 DOM, CONTROL AND FUNCTIONS 6PM SUN. EPHRAIM
15TH
 DOM Manipulation (Changing HTML content with
DEC.,
innerHTML and textContent)
2024
Modifying styles using style property
Adding and Removing classes with class List
 Control Structures (Conditional Statements – if, else,
switch)
Loops (for, while)
 Functions (Defining functions with function keyword
and arrow functions (=>)
Function parameters, return values, and scope basics.
11 EVENTS AND FORM VALIDATION 6PM SAT. 21ST EPHRAIM
DEC.,
 Event Handling (Adding event listeners – click, input,
2024
submit).
 Writing functions to handle events,
 Form Validation: (Clients-side validation techniques
Handling form submissions)

12 BOOTSTRAP SESSION 6PM SUN. EPHRAIM

22ND
 Introduction to Bootstrap
DEC.,
 Basic Bootstrap Components 2024.
 Layout and Grid System ( Container, Rows and
Columns)
 Typography
 Buttons
 Forms
13. FINALIZING AND DEPLOYMENT 6PM EPHRAIM
 Project Review and Optimization
 Code Review and refactoring
 Performance optimization techniques
 Understanding Hosting and Domain
14 BUILDING COMPLETE WEBSITE I, PROJECT REVIEW & 6PM OLUWASEYI
QUESTIONS AND ANSWERS
15 BUILDING COMPLETE WEBSITE II, PROJECT REVIEW & 6PM OLUWASEYI
 QUESTIONS AND ANSWERS
16 BUILDING COMPLETE WEBSITE II, PROJECT REVIEW & OLUWASEYI
QUESTIONS AND ANSWERS

Program Summary:

❑ Live classes and recordings

❑ Use ChatGPT 4 and other AI tools
❑ Create at least 2 live portfolio projects
❑ Weekly assessment and feedback
❑ Career mentorship and guidance
❑ Join a creative community
❑ Earn a certificate
❑ 30 days Design, Data Analysis & Coding challenge
❑ Accountability Partner
❑ CV review
❑ Land your Desired Job
❑ Understanding the freelance landscape and building a client base
❑ Optimise your social media
❑ Webinars for career and professional development
Attendance & Participation Policies:
Full attendance is strongly encouraged to ensure you gain the maximum benefit from the bootcamp. Participants are
allowed up to two absences. Beyond this, please notify instructors in advance for any additional absences to discuss makeup
options. Active participation in class discussions, group work, and projects is expected. Regular submission of assignments
on or before due dates is required for successful completion of the program Feedback sessions are a vital part of the
learning process; constructive participation is encouraged.

Make-up Policy:
Missed classes can be made up by watching session recordings and completing assigned work In case of missing a project
deadline, please communicate with instructors as soon as possible to discuss extensions or alternative assignments.

Code of Conduct:
Respectful interaction with peers, mentors, and instructors is mandatory A positive, collaborative environment is essential
for everyone’s learning experience.
Failure to comply with these policies may result in a review of the participant's enrollment status in the bootcamp.

Procedure for Submitting Assignments and Receiving Feedback:

Assignments must be submitted through the designated online platform (Google Classroom ) by 11:59 PM on the due date.
Ensure your submission includes your name, assignment title, and any required documentation or files Late submissions
may be subject to penalties unless prior arrangements are made with instructors. Feedback will be provided within one
week of the assignment's due-date Feedback will be detailed, highlighting strengths and areas for improvement.
Participants are encouraged to review their feedback carefully and schedule follow-up discussions with instructors or
mentors for further clarification or guidance.

Mentorship and Support:

Personalized mentorship pairs you with experienced professionals for guidance, feedback, and career advice Exclusive
webinars featuring industry experts covering the latest trends and insights in tech. Interactive Q&A sessions allow for deep
dives into topics of interest and real-world applications. A dedicated support team is available to assist with technical issues,
course materials, and general inquiries. Community forums and group chats encourage peer-to-peer support and
networking opportunities.

Final Project & Portfolio Development:

Participants will be divided into small groups to collaborate on a comprehensive project. This project is designed to simulate
real-world scenarios and challenges, encouraging teamwork, creativity, and problem-solving. The outcome of this
collaborative effort will be a significant addition to each participant's portfolio, showcasing their ability to work effectively in
a team, apply principles, and execute a project from conception to completion. This hands-on experience not only enhances
learning but also prepares participants for the collaborative nature of the tech industry, making their portfolios more
attractive to potential employers or clients.

Closing Remarks:
As you embark on this exciting journey, remember that every challenge is an opportunity for growth, and every project is a
step towards mastering your craft. We're not just teaching, we're fostering a community of innovators ready to make a
meaningful impact. Your creativity, combined with the skills and knowledge you'll acquire here, has the power to transform
user experiences across the digital landscape. We can't wait to see the incredible work you will create and the unique paths
you will forge in the tech lamp. Welcome to our community, where your career journey truly begins. Let's create, innovate,
and inspire together.

Warmest regards,
Program Manage
Embold Design