构建 Quincy 的求职技巧页面

发布: (2026年1月20日 GMT+8 20:00)
3 min read
原文: Dev.to

Source: Dev.to

介绍

今天上午,我完成了 freeCodeCamp 响应式网页设计认证中的下一个工作坊:构建求职技巧页面。该工作坊提供了一个 HTML 模板作为起点,并在屏幕上展示了完成示例,帮助我们直观地了解预期结果。

HTML 模板

  
  
    
    
    Quincy's Tips for Getting a Developer Job
  
  
  
  

添加文本元素

  1. 步骤 1: 添加一个 “ 元素。
  2. 步骤 2: 添加一个 “ 元素。
  3. 步骤 3: 使用 “ 元素来显示引用文本。

示例:

  Nancy said, Learning is fun!

cite 属性和主要结构

接下来的课程会介绍用于屏幕阅读器的 cite 属性,并指导你添加一个包含三个 元素的 元素。

第一部分

添加一个 , 一个 , 以及一个带有 cite 属性的 “。

第二部分

添加一个 和一个包含多个 元素的 “。

  
So many people ask me each week: is college still worth it? In this 1‑hour video I answer this question and other commonly asked questions about university.
  
I've been in adult education for two decades at this point, and even though I'm not a labor market economist, I do feel confident enough to answer these questions.

使用 “ 元素

第十步将从 cite 属性切换到 “ 元素,以在屏幕上显示来源。

最终完成的代码

  
    
    
    Quincy's Tips for Getting a Developer Job
  
  
    
## Quincy's Tips for Getting a Developer Job

    
      Learning to code is hard, but as Quincy Larson says,
      You can become a developer.
    

    
      
        
## Envisioning Success

        
          Can you imagine what it would be like to be a successful developer? To have built software systems that people rely upon?
        
        
          —Quincy Larson, How to Learn to Code and Get a Developer Job [Full Book]
        
      

      
        
## Importance of Networking

        
          
So much of getting a job is who you know.

          
It's OK to be an introvert, but you do need to push your boundaries.

          
Create GitHub, Twitter, LinkedIn, and Discord accounts.

          
Go to tech meetups and conferences. Travel if you have to.

        
      

      
        
## Importance of Building a Reputation

        
          
Share short video demos of your projects.

          
Keep applying to speak at bigger and bigger conferences.

          
Hang out at hackerspaces and help people who are even newer to coding than you.

        
      
    
  

结论

工作坊完成后,我现在有一系列理论课程要学习,随后进入下一个实战环节:构建猫咪博客页面。下次再聊!

Back to Blog

相关文章

阅读更多 »

构建视频汇编页面

在完成前一个研讨会后,freeCodeCamp 的 Responsive Web Design 认证的下一个实验让我构建了一个视频合集页面。实验……

构建 HTML 媒体播放器

构建 HTML 视频播放器 在过去的几天里,我完成了 freeCodeCamp 的另一个工作坊和实验。我进行了一项名为 “Build an HTML V...” 的项目。

页眉和页脚

Head 元素 该元素位于 `<head>` 之前,应该包含网站的标题以及元数据。 该元素使用以下格式: ```html <head> <title>你的站点标题</title> <!-- 其他元数据标签 --> </head> ```

理论常常被忽视

我非常喜欢 freeCodeCamp 的响应式网页设计认证第 10 版的众多优点之一是理论练习。自从参加……