Become a certified Frontend Developer in 3 months
Transform from coding novice to frontend pro. Gain essential skills like HTML, CSS, JavaScript etc in our flexible learning experience
400+ Students
Live Bootcamp
All Levels
3 months
20+ topics
Meet your Verdac mentors
Our world-class curriculum empowers you to unleash your full potential as a front develooper!
This program is designed to equip you with both soft and technical skills that you require to excel in your frontend development In 12 weeks
Module 1: Introduction to the Frontend Development
Understanding the Web:
A brief discussion about
a. the Internet
b. the web
c. The request and response life cycle of the web
Building with HTML
Introduction to HTML elements: Learn about markups, their types, and how to create and structure HTML documents.
Building the Page Structure: Explore the basic structure of an HTML document (head to footer) and functionalities achievable with HTML.
Module 2: Deep Dive into HTML
Enhancing Content with HTML:
a. HTML Attributes: Understand how attributes are used on elements and explore both general and element-specific attributes.
b. Head Elements: Delve into the important child elements within the
c. Text Manipulation: Discover HTML elements and attributes for manipulating text on your webpages.
Creating Lists and Links:
a. Ordered and Unordered Lists: Learn how to create and style ordered and unordered lists using dedicated elements and attributes.
b. Hyperlinking: Explore how to use the "a" element to create links between HTML pages, navigate with attributes, and understand internal links.
Media Importation and Manipulation:
Learn how to import and manipulate images, videos, and audio on your webpages using specific elements and attributes.
Module 3: Building with Semantics and Forms
Semantic HTML for Meaningful Structure:
a. Understand the importance of semantic HTML elements that convey meaning and improve accessibility for your webpages.
b. Learn about basic web page layouts and how to choose the best elements for them.
Interactive Forms:
Form Handling: Grasp the basic flow of form requests, the role of the parent form element, and how child form elements with their attributes are used for data collection.
Tables for Data Presentation:
a. Explore how to present tabular data on a webpage using HTML tables.
b. Learn about the parent table element, elements for rows and columns, and how to manipulate their layout.
Project A
Complete a project that integrates all the topics covered in HTML
Module 4: Mastering CSS
Introduction to CSS - Styling Your Webpages:
Discover the origin and importance of CSS, the methods of using it (internal, external, inline stylesheets), and its overall structure and syntax.
CSS Selectors - Targeting Elements:
Learn about the different types of selectors available in CSS to target specific elements on your webpage.
Visual Design with CSS:
a. Background and Colors: Explore color value types, how to change text and background colors, and even use color gradients as selector backgrounds.
b. Measurement Units: Understand and use measurement units like px, rem, em, cm, vh, vw, % for accurate layouts.
c. Font Manipulation and Typography: Learn how to change fonts, import typefaces, control text size, decoration, weight, alignment, line height, and letter spacing for a polished look.
Interactive Effects with CSS:
a. State Styling: Discover how to use ":hover" and ":focus" pseudo selectors to create interactive effects when users hover or focus on elements.
b. The Box Model: Grasp the concept of the box model (padding, margin, border, box-sizing, content) for precise element positioning..
Module 5: Advanced CSS Layouts and Responsiveness
Positioning Elements on the Page:
Explore different positioning options: relative, absolute, sticky, static, fixed positions, and Z-Index for layering elements.
Building Layouts with CSS:
a. Introduction to Layouts: Understand display properties (inline, block, inline-block) to achieve various layouts.
b. Flexbox: Learn how to use flexbox for item alignment, content justification, wrapping, flex directions, and how to control how elements shrink or grow within the layout.
c. Grid Layout: Master grid layout for creating complex layouts using columns, rows, gaps, spanning, grid-lines, and controlling alignment and justification.
Responsive Design for All Devices:
a. Introduction to Responsive Design: Understand the importance of responsive design and how to use @media queries for adaptable layouts across different screen sizes.
b. Choosing Between Flex and Grid: Learn when to choose Flexbox or Grid for specific layout requirements..
Module 6: Javascript Fundamentals + Control flow and function
Setting Up Your Development Environment
a. Installing Node.js and a code editor
b. Linking a Javascript file to your HTML document
Variables & Data Types
a. Understanding different data types (Strings, Numbers, Booleans, etc.)
b. Declaring variables using let, const, and var (and their scope differences)
Operators & Expressions
a. Performing calculations with mathematical operators
b. Making decisions with comparison operators and logical operators
c. Building expressions to manipulate data
Conditional Statements (if/else)
a. Controlling the flow of your code based on conditions
b. Using nested if statements for complex logic
Loops (for & while)
a. Repeating tasks a specific number of times using for loops
b. Running code continuously while a condition is true using while loops
Functions
a. Creating reusable blocks of code with parameters and return values
b. Understanding function scope and arguments
Module 7: Data Structures, Arrays and Advanced Javascript Concepts
Arrays
a. Storing and manipulating lists of items using arrays
b. Accessing and modifying elements within an array
c. Common array methods (push, pop, shift, unshift)
Objects
a. Organizing data using key-value pairs (properties & methods)
b. Accessing and modifying object properties
Iteration: Looping through Arrays & Objects
a. Using for loops and for...of loops to iterate through arrays
b. Looping through objects using for...in loops (understanding limitations)
Strings & Debugging
a. Working with text data and string manipulation methods
b. Using console logs to identify and fix errors in your code
Modern Operators & Data Handling
a. Exploring destructuring, spread operator, and nullish coalescing operator
b. Understanding how data is stored (reference vs primitive types)
Practice Project
Apply your learnings on data structures, operators, and debugging to a small project
Module 8: DOM Manipulation & Events | Advanced DOM & Asynchronous JS
Introduction to the DOM
Understanding how the web browser represents your webpage structure (Document Object Model)
Selecting & Manipulating Elements
a. Grabbing specific elements on your webpage using selectors
b. Modifying the content, attributes, and CSS styles of elements dynamically
Events & User Interaction
a. Responding to user actions like clicks, key presses, etc. (event listeners)
b. Building interactive webpages
Advanced DOM manipulation
a. Event propagation: capturing and bubbling
b. The Intersection Observer API
c. Lifecycle DOM events
d. Efficient script loading: defer and async.
Promises & Async/Await
a. Understanding asynchronous operations in Javascript
b. Using Promises and Fetch API to handle asynchronous tasks like making requests to servers
c. Error handling with try...catch blocks
Practice Project - Asynchronous Data Fetching
Build an application that fetches data from an API and displays it
Module 9: Git, Github, tooling + React JS and Tailwind CSS
Tooling
Learn how to use Node Package Manager (NPM) to install Javascript libraries
Git & Github
Master Git for version control and Github for collaborating and hosting your code.
Events & User Interaction
a. Responding to user actions like clicks, key presses, etc. (event listeners)
b. Building interactive webpages
React JS Framework
Learn a popular Javascript framework (React) for building complex user interfaces.
Tailwind CSS Framework
Tailwind CSS Framework
Capstone Project
We hold 100% virtual live classes enabling you to learn from wherever alongside other budding techies, After your program, you’ll get the chance to showcase your work to industry experts and potential employers on our demo day.
This program is not for you if:
You are looking to bag jobs quickly without putting in the work
You can’t commit 6-8 hours a week for sessions and assignments
You don’t want to grow alongside a community of hustlers
You’re seeking theoretical learning and do not want to build a portfolio
You're searching for shortcuts rather than mastering core skills
You don't want to invest in your personal development
This program is tailor made for:
Students who aspire to build their career in frontend engineering
People who understand that learning require putting in the work
Software engineerswho want to accelerate their growth
You love to put your lerning into practice and get hands-on
People who want to transition to UX
Newbies trying to get into Frontend engineering
Some Frequently asked questions
Verdac Tech certifications validate your skills and knowledge in your specific tech field. Since 2022, we’ve been committed to delivering high-quality, industry-standard education. Our programs are designed to equip you with the practical skills employers seek. We are at the top of our game, and our instructors are some of the absolute best in the industry. Learn from the best and gain a competitive edge.
Verdac instructors are industry experts and at the top of their game in the tech world. They’re accomplished professionals currently working at leading tech companies. This means you’ll learn from practitioners who bring real-world experience and insights into the classroom.
We understand you’re busy! Verdac offers flexible learning options to fit your schedule. Choose from part-time weeknights or weekend classes, or opt for our self-paced program for maximum flexibility. All programs provide comprehensive training within a set timeframe.
Verdac offers several advantages:
Gain a competitive edge with our industry-focused curriculum, taught by experienced instructors. Choose from flexible learning options to fit your schedule and learning style, and connect with a supportive community of learners and instructors for guidance and mentorship.
Absolutely! Verdac programs cater to individuals with diverse backgrounds and career aspirations. We provide the foundational knowledge and practical skills needed to launch your tech career.
Yes! Verdac offers customized training programs tailored to your company’s specific needs. Contact us to discuss your requirements.
Ready to take the next step? Enroll now in the program that interests you. Have questions? Schedule a free consultation to discuss your goals and explore the best fit for you.
N50,000
*Bootcamp full tuition is N150,000.
Pay N50,000 in month 2 and 3 of the bootcamp to complete tuition.
Live Bootcamp
All Levels
3 Months
30+ topics
400+ Students
Requirements
- Absolutely no experience is required. We will start from the basics and gradually build up your knowledge.
- You will need a working laptop and internet connection
- Enthusiasm and willingness to learn
- GLOBAL SKILLS FROM LOCAL DREAMS
- GLOBAL SKILLS FROM LOCAL DREAMS
- GLOBAL SKILLS FROM LOCAL DREAMS
- GLOBAL SKILLS FROM LOCAL DREAMS
- GLOBAL SKILLS FROM LOCAL DREAMS
- GLOBAL SKILLS FROM LOCAL DREAMS
- GLOBAL SKILLS FROM LOCAL DREAMS
- GLOBAL SKILLS FROM LOCAL DREAMS
- GLOBAL SKILLS FROM LOCAL DREAMS
- GLOBAL SKILLS FROM LOCAL DREAMS
- GLOBAL SKILLS FROM LOCAL DREAMS
- GLOBAL SKILLS FROM LOCAL DREAMS
- GLOBAL SKILLS FROM LOCAL DREAMS
- GLOBAL SKILLS FROM LOCAL DREAMS
Highlighing what you will learn
from this bootcamp
Take a dive into the amazing reviews from techies who have passed through our training
HTML & CSS deepdive
Javascript Programming
DOM Manipulation & Events:
Advanced Javascript Concepts:
Frontend Development Tools & Frameworks
Building Interactive Web Applications
how will you learn?
We'll Guide You Every Step of the Way
From immersive bootcamps to self-paced micro-learning, we’re here to guide you at every turn. Experience the best and flexible learning experience tailored just for you.
Robust content and Videos
Self-paced + Live Classes
Assessments and projects
Weekend classes
Intensive training
Focus on real live scenario
Internship Placement Assistance
Soft skills training workshops
Interview Prep Workshops
Work on a variety of projects
Close mentorship from tutors
QnA sessions
Experienced Mentors
Taught by Industry experts
Chibuogwu
Nkeze
Certificate of completion
Get certificate at the end of your course
Building a rewarding and fulfilling career has never been easier
Join our community of 500+ techies.
Connect with fellow tech enthusiasts and collaborate on projects. Become an integral part of a dynamic network that fuels innovation and success in the tech industry.
Pay 70% at start, the rest in week 6
Comfortably spread your tuition by paying 70% upfront and balancing up in 6 weeks after course kick-off (Live classes only)
Wanna hear what our
students say about us?
Take a dive into the amazing reviews from techies who have passed through our training
Wondering if this programme is right for you?
Take a dive into the amazing reviews from techies who have passed through our training
Request a callback
Let us know if we should call you and we will reach out to you within 24 hours
Join a taster session
Join our next taster session where you get to witness how our tutors teach.
Next step quiz
Not sure about the right path yet? take the next step quiz.
Join hundreds of tech enthusiasts to
revolutionize the future of tech
