Front‑End Q&A: Class Naming, Checkbox Labels, Build Tools, Learning Resources

Technical Q&A

Q (Nicholas): As a front‑end beginner, I’m torn between short, ambiguous class names and long, verbose ones. What should I do?

A: Use names that convey meaning clearly. When readability and brevity conflict, readability wins. Long class names are compressed by Gzip, so performance impact is negligible.

Q (metthew): I copied a checkbox example from "CSS Secrets" (page 150) but clicking does nothing. Should the input be wrapped in a <label>?

A: The example works in the online demo. After linking a label with a control, clicking the label has the same effect as clicking the control. There are two ways to link them: (1) wrap the control inside the <label> element, or (2) set the for attribute of the label to the control’s id. The book uses the second method.

Example from the question:

<input type="checkbox" id="awesome"/>
<label for="awesome">Awesome</label>

For further help, see the GitHub issue page: https://github.com/cssmagic/CSS-Secrets/issues

Q (MiYogurt): After reading your translations of Gulp 4, jQuery 3, Webpack 2, I wonder why you chose foreign tools like Webpack and Gulp instead of the domestically‑focused FIS. I’m stuck between the two.

A: FIS is a good tool, especially for component‑based development, and we may try it in the future. Currently we use Gulp and Webpack for three reasons: they meet our needs, we have an existing investment, and they have larger user bases, reducing adoption risk.

Front‑End Learning Recommendations

Q (丶孑然丨): I know a bit of HTML/CSS but have zero JavaScript experience. Which JavaScript books should I start with?

A: Refer to the first episode of this Q&A for beginner advice. Good introductory books are "JavaScript: The Good Parts" and "JavaScript: The Definitive Guide"; for jQuery, try "jQuery in Action".

Q (果): Are there any good books on mobile‑page development? I only found "Mobile Web Development".

A: The main book is PPK’s "Mobile Web Handbook". Few books cover Mobile Web front‑end development because the field evolves quickly and most knowledge lives in blogs.

Q (中原): CSS frameworks like Bootstrap let me build polished pages without learning CSS. Why should I still learn CSS?

A: Frameworks are valuable; they free developers from low‑level styling work, which is why Bootstrap is one of GitHub’s most popular open‑source projects. However, frameworks limit you to their design language. When requirements exceed what the framework offers, you must write custom CSS, and that is where deeper CSS skills become essential.

Career Development Advice

Q (江煜章): I want to switch to IT but don’t know which front‑end path to take. I’m a complete beginner.

A: For people without any technical background, start with PHP back‑end development. Front‑end entry barriers have risen; I entered the industry via front‑end eight years ago, but today the ecosystem is too complex for beginners. PHP offers a gentler entry point.

After learning the basics, practice projects, then apply for jobs directly or seek referrals. Small companies are easier to join and allow you to learn on the job before moving to larger firms.

Q (用户53241291**): In Beijing, does lacking a degree make it hard to succeed? How did you become known without a degree?

A: The internet industry has low degree requirements; anyone can succeed with strong technical skills. Build your reputation by contributing to the community—write blogs, translate articles, and share knowledge.