How I Guided My Non‑Tech Girlfriend from Zero to Junior Front‑End Developer in 6 Months

Six months ago I started teaching my girlfriend, who had no technical background, front‑end development; six months later she secured a satisfactory job. Below is the learning path and methods that guided her progress.

Line 1: HTML/CSS/JavaScript

Read Head First HTML and CSS as the first book.

Completed the JavaScript tutorial on Codecademy and built several small website projects.

Studied JavaScript DOM Programming Art to understand how a site evolves from simple to complex.

Read Head First HTML5 for additional perspectives on JavaScript and DOM.

Learned jQuery via try.jquery.com; then tackled JavaScript: The Good Parts , consulting it for specific topics.

Line 2: Introduction to Computer Science

Recommended two highly‑rated CS101 courses:

Udacity’s CS101 (Intro to Computer Science)

Coursera’s CS101 (Computer Science 101)

These courses cover computer architecture and search‑engine fundamentals, providing a long‑term knowledge foundation.

Line 3: Algorithms and Data Structures

Read The Programmer’s Math for introductory mathematics.

Completed Khan Academy’s algorithms course, which explains sorting algorithms in an accessible way.

Took Coursera’s algorithm course (based on the famous "Algorithms, 4th Edition"), doing Java assignments.

Practised on LeetCode, progressing from easy to medium problems.

Line 4: Tooling

Learned to use editors (Atom, Vim), Linux command line basics (git, cd, rm, mkdir, etc.), and Git via Codecademy, then managed projects on GitHub.

Line 5: Core Computer Foundations (Long‑Term Track)

Planned study of operating systems, databases, computer organization, compilers, and networking; these topics will be tackled later as they become relevant to front‑end work.

Line 6: Projects

Implemented an improved tic‑tac‑toe game based on a Zhihu answer, adding UI polish, average‑score calculation, undo, and a simple AI.

Re‑created Codecademy project assignments.

Built a static clone of Zhihu’s login/registration page using a design mockup, gaining experience with Bootstrap.

Created a minimal Express backend for a key‑value storage site, linking front‑end AJAX calls to server‑side handling and planning to add persistence to introduce databases.

Completed numerous small practice projects.

Line 7: Front‑End Engineering

Explored modern front‑end tooling such as React, Gulp, and Webpack to stay current with industry practices.

Reflections

Explaining technical concepts in plain language (e.g., using a microwave analogy for async vs. sync) proved essential. Consistent effort and a clear direction yielded tangible results, turning a complete beginner into a junior developer capable of building functional features and discussing algorithms.