fbpx

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

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.

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 tag and their functionalities.
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.

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

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..

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..

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

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

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

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

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

What does a certification from Verdac Tech mean?

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.

Who are Verdac instructors?

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.

What is the class schedule?

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.

Why should I choose Verdac over other schools?

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.

Is my background good enough to get started in tech?

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.

Can Verdac Tech provide custom training for my company?

Yes! Verdac offers customized training programs tailored to your company’s specific needs. Contact us to discuss your requirements.

How can I get started?

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.

Kistart your enrollment with

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

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.

Interactive Learning

Robust content and Videos

Self-paced + Live Classes

Assessments and projects

Best in class

Weekend classes

Intensive training

Focus on real live scenario

Skill & Career Guidance

Internship Placement Assistance

Soft skills training workshops

Interview Prep Workshops

Capstone Project

Work on a variety of projects

Close mentorship from tutors

QnA sessions

Experienced Mentors

Taught by Industry experts

Certificate of completion

Get certificate at the end of your course

Validate your skills and impress employers: Earn a course completion certificate upon finishing.

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

I remember how much I wanted to be a designer but I had no idea where to start. All that changed when I started learning here. It was the beginning of a dream come true
Ayomiosi Olagunju
Verdac Alumni
I partook in the Verdac design class in 2019 and It was a great start for me. The assignments were eye-opening, i was able to dig deeper into design fundamentals.
Folaju Olumide
Verdac Alumni
I personally enjoyed working with the resources shared with us and I like the fact that the facilitators are always eager to answer questions whenever I’m stuck on any project.
Gabriel Aborisade
Verdac Alumni
Working with other people via the Internet was a highlight for me, I enjoyed the communication approach of the instructors and the valuable course materials provided.
Daniel Tomilayo
Verdac Alumni
I started my design journey with Verdac, their teaching skill and detail is second to none. I will absolutely recommend to anyone looking to start or improve their design skill.
Ezekiel Ariyo
Verdac Alumni
Going through the lessons is eye opening for me as an upcoming designer. I started using new software after and designing was made really easy for me. more text needed
Omotola Temitope
Verdac Alumni
It was great to have an expert guiding me through tips and techniques. I also appreciate the exercises given to us to absorb skills before moving on to the next course outline.
Peter Taiwo
Verdac Alumni
I attended the classes in 2020 and learning with Verdac was the beginning of an interesting journey, it helped me kick off my design career and I’m eager to learn even more with Verdac
Olawoyin Olayinka
Verdac Alumni

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

Experience Verdac

Join our next taster session

Join our next taster session where you get to witness how our tutors teach.

Kickstart your tech career!

Pay in installment or in full, Get best in class learning for almost nothing!

Enroll now and unlock a world of opportunity.

Witness our class session

Join our free 1hour taster session

Get first hand introduction into your path of study by our world class mentors.

Kickstart your tech career

Ready to upskill? We've been waiting for you!

You might just be one step away from changing your life. kindly complete the form below.

Kickstart your tech career!

Pay in installment or in full, Get best in class learning for almost nothing!

Enroll now and unlock a world of opportunity.

Kickstart your tech career!

Pay in installment or in full, Get best in class learning for almost nothing!

Enroll now and unlock a world of opportunity.

Kickstart your tech career!

Pay in installment or in full, Get best in class learning for almost nothing!

Enroll now and unlock a world of opportunity.

Kickstart your tech career!

Pay in installment or in full, Get best in class learning for almost nothing!

Enroll now and unlock a world of opportunity.

Make positive Impact

Be the next to drive positive change and shape the future.

Africa’s untapped talent is ready to change the world. We’re making it happen.

Make positive Impact

Be the next to drive positive change and shape the future.

Africa’s untapped talent is ready to change the world. We’re making it happen.

×