01 — Basics

Simple FAQ

Pure HTML accordion using native <details> and <summary> elements. No JavaScript required — just semantic markup and CSS.

Details / Summary — native HTML accordion SIMPLE
What programming languages will I learn?
You will start with HTML and CSS to build the visual structure of web pages, then move into JavaScript for interactivity. The curriculum also covers modern tools like Git for version control and the command line for workflow automation.
Do I need any prior coding experience?
Not at all. The program is designed for complete beginners. We start from the very basics — what a tag is, how a browser renders a page — and build up from there. All you need is a laptop and curiosity.
How long does the program take to complete?
The core curriculum takes 12 weeks at full-time pace or 24 weeks part-time. Most students also spend 2–4 additional weeks on their capstone project. You have lifetime access to all materials after enrollment.
What tools and software do I need?
A modern web browser (Chrome or Firefox recommended) and a code editor like VS Code, which is free. We provide setup guides for Windows, Mac, and Linux on day one. No paid software is required.
02 — Basics

Bordered Cards

Each FAQ lives inside a rounded card with a subtle border. Uses the CSS grid-template-rows trick for buttery-smooth height animation.

Card Accordion — smooth height transition with CSS Grid BORDERED
Can I learn at my own pace?

Absolutely. All lessons are self-paced with video walkthroughs and written guides. You can pause, rewind, and revisit any module as many times as you need. There are no deadlines on individual assignments.

Is there a certificate upon completion?

Yes. After completing all modules and the capstone project, you receive a verified digital certificate that you can share on LinkedIn and include on your resume. Employers recognize it as proof of practical skills.

How much does the program cost?

We offer several pricing tiers starting with a free introductory track. The full program includes monthly and annual plans, plus scholarship options for students and career changers. Check the pricing page for current rates.

What career support is offered?

Career services include resume review, portfolio feedback, mock technical interviews, and direct introductions to hiring partners. Our career coaches work with you one-on-one to develop your job search strategy.

03 — Basics

Icon Toggle

Clean separators between items with a Phosphor icon that rotates 180 degrees on open. Minimal and elegant.

Phosphor Icons — rotating caret indicator ICON
What is the difference between HTML and CSS?

HTML defines the structure and content of a web page — headings, paragraphs, images, and links. CSS controls how that content looks: colors, fonts, spacing, and layout. Think of HTML as the skeleton and CSS as the skin and clothing.

Do I need to learn JavaScript right away?

No. We recommend getting comfortable with HTML and CSS first. JavaScript adds interactivity, but understanding the visual layer first makes JS concepts much easier to grasp. The curriculum introduces JS at the right time.

What is responsive web design?

Responsive design means building pages that adapt to different screen sizes — from phones to tablets to desktops. You use CSS techniques like media queries, flexible grids, and relative units to make layouts fluid and readable on any device.

What is Flexbox and when do I use it?

Flexbox is a CSS layout module designed for arranging items in a single row or column. Use it for navigation bars, card rows, centering content, and any time you need flexible alignment along one axis. It is one of the most-used CSS tools today.

04 — Style

Highlighted Active

The open item gets a teal left border and tinted background. Only one item can be open at a time — radio-button behavior.

Single Open — highlighted active item with teal accent HIGHLIGHT
What is CSS Grid and how is it different from Flexbox?

CSS Grid is a two-dimensional layout system — it handles both rows and columns at once. Flexbox works in one dimension (row or column). Use Grid for overall page layouts and Flexbox for components within those layouts.

How do I debug CSS layout issues?

Open your browser's DevTools (F12 or right-click and inspect), select the element, and examine the box model panel. Toggling borders on all elements with * { border: 1px solid red; } is a classic trick to visualize layout boundaries.

What are CSS custom properties (variables)?

Custom properties let you store values like colors and sizes in one place and reuse them everywhere. Define them with --my-color: #14b8a6; on :root and use them with var(--my-color). They make theming and maintenance much easier.

Should I learn a CSS framework like Tailwind or Bootstrap?

Learn vanilla CSS first. Frameworks speed up development but hide how things work under the hood. Once you understand the box model, Flexbox, and Grid, picking up any framework becomes trivial because you understand the concepts it abstracts.

06 — Layout

Grouped / Categorized

FAQ items organized by category with tab buttons. Click a tab to switch between "General", "Billing", and "Technical" topics.

Tabbed Categories — grouped FAQ sections GROUPED
Who is this program designed for?

The program is built for absolute beginners, career changers, designers looking to code, and anyone curious about web development. No technical prerequisites are required.

How are lessons structured?

Each module contains video lessons, written guides, interactive code exercises, and a mini-project. Lessons build on each other progressively, so concepts reinforce naturally.

Is there a community or forum?

Yes, all students join a private Discord community where you can ask questions, share your work, participate in code reviews, and connect with mentors and fellow learners.

What payment methods do you accept?

We accept all major credit cards, PayPal, and bank transfers. For annual plans, we also offer invoice-based billing for teams and organizations.

Can I get a refund if it is not right for me?

Yes. We offer a 14-day money-back guarantee, no questions asked. If the program is not what you expected, contact support within two weeks of enrollment for a full refund.

Are there any scholarships available?

We offer need-based scholarships covering up to 80% of tuition. Applications are reviewed monthly. We also partner with nonprofits that sponsor students from underrepresented backgrounds.

What code editor should I use?

We recommend Visual Studio Code (VS Code). It is free, cross-platform, and has excellent extensions for HTML, CSS, and JavaScript development. Our setup guide walks you through the installation.

Will I learn about version control and Git?

Yes. Git and GitHub are introduced early in the program. You will learn to track changes, create branches, resolve merge conflicts, and collaborate using pull requests — the same workflow used in professional teams.

Do you cover deployment and hosting?

Yes. You will learn to deploy static sites using GitHub Pages and Netlify, and dynamic projects with services like Render. By the end, your capstone project will be live on the internet with a real URL.

Will I learn about APIs and fetching data?

Absolutely. The JavaScript modules cover the Fetch API, working with JSON data, connecting to third-party APIs, and displaying dynamic content on the page. You will build several projects that pull live data.

07 — Layout

Side-by-Side

Two-column layout with an info card on the left and an accordion on the right. Stacks vertically on smaller screens.

Split Layout — info card + accordion grid SIDE

Have Questions?

Browse our most common questions below, or reach out to our support team for personalized help with your learning journey.

Avg. response: under 2 hours
Can I switch between full-time and part-time?

Yes, you can switch your pacing at any time. Your progress is saved automatically, so moving between full-time and part-time schedules is seamless. Just update your preferences in your dashboard.

Are there live sessions or is it all self-paced?

The core content is self-paced, but we host optional live workshops, office hours, and Q&A sessions every week. These are recorded so you can watch them later if you cannot attend live.

What happens after I finish the program?

You keep lifetime access to all course materials, community channels, and future updates. Alumni also get access to advanced workshops, networking events, and our job board.

Can I collaborate with other students on projects?

Absolutely. Several modules include pair-programming exercises and group projects. Collaboration is encouraged through Discord channels and our shared code review platform where students give each other feedback.

08 — Style

Dark Gradient

Bold, modern accordion with a gradient left border and subtle glow on expand. Larger text and generous padding for a dramatic feel.

Gradient Border — teal-to-purple glow effect GRADIENT
What makes this program different from free tutorials?

Free tutorials teach isolated concepts. This program provides a structured, progressive curriculum with hands-on projects, code reviews, mentorship, career support, and a community. You build real skills, not just watch videos.

How do I build a portfolio during the program?

Every module ends with a project that goes into your portfolio. By graduation, you will have 8–10 polished projects including a personal site, a responsive dashboard, an API-driven app, and a capstone of your choice.

What kind of jobs can I get after graduating?

Graduates typically pursue roles like Junior Frontend Developer, Web Developer, UI Developer, or Email Developer. Some also move into design engineering, technical writing, or freelance web development.

Is the curriculum updated to cover modern best practices?

Yes. The curriculum is reviewed and updated quarterly. We cover modern CSS features like container queries, cascade layers, and subgrid, as well as current JavaScript standards and tooling best practices.