Collected Student Questions and Instructor Answers – Frontend Development Session (June 28, 2021)

This document compiles student questions from the June 28, 2021 class and the instructor's answers, covering topics such as automatically generating basic HTML code, VS Code for macOS, Chrome DevTools shortcuts, Markdown preview layout, and other front‑end development tips.

php Courses
php Courses
php Courses
Collected Student Questions and Instructor Answers – Frontend Development Session (June 28, 2021)

1. How to automatically generate basic HTML code?

Answer: In English input mode, type ! and press Tab.

2. Why can't I speak in the live broadcast?

Answer: Refresh the live class URL and re‑enter the broadcast room.

3. Is there a macOS version of VS Code?

Answer: Yes, download the stable version of VS Code for macOS (avoid the beta version).

VS Code for macOS screenshot
VS Code for macOS screenshot

4. My JavaScript isn’t running.

Answer: 要保持完整 5. Where can I open this process diagram?

Answer: Open it in a browser at https://www.processon.com/view/link/60d9bca21e08532a43c262bc .

6. My layout is reversed.

Answer: (Image provided for reference)

Layout issue screenshot
Layout issue screenshot

7. Chrome DevTools shortcut?

Answer: Press F12 to open the Elements inspector.

Chrome DevTools shortcut
Chrome DevTools shortcut

8. Code and its rendering effect.

(Image illustrating code vs. output)

Code rendering example
Code rendering example

9. Summary of the first night of study.

Resources shared: Markdown tutorial video , PHP.cn blog setup guide, blog assignment guidelines, and the MDN documentation.

Resource list screenshot
Resource list screenshot

10. How to display Markdown editor and preview side‑by‑side in VS Code?

Answer: (Image showing the split view configuration)

VS Code split view
VS Code split view

11. Why does Ctrl+N create a plain‑text file?

Answer: Press Ctrl+S to save first, then set the appropriate file extension so the editor can provide syntax highlighting.

12. Preview of the next session (June 29).

Focus will be on common HTML tags and building a form.

Enrollment notice: Limited trial seats are available for the 16th online batch; contact via WeChat (phpcn01) for access and group invitation.

Contact: QQ/WeChat 27220243 (Zhong老师) or WeChat phpcn01 (Yueyue老师).

QR code
QR code
Original Source

Signed-in readers can open the original source through BestHub's protected redirect.

Sign in to view source
Republication Notice

This article has been distilled and summarized from source material, then republished for learning and reference. If you believe it infringes your rights, please contactadmin@besthub.devand we will review it promptly.

frontendWeb DevelopmentVSCodeChromeHTMLmarkdown
php Courses
Written by

php Courses

php中文网's platform for the latest courses and technical articles, helping PHP learners advance quickly.

0 followers
Reader feedback

How this landed with the community

Sign in to like

Rate this article

Was this worth your time?

Sign in to rate
Discussion

0 Comments

Thoughtful readers leave field notes, pushback, and hard-won operational detail here.