阿川私房教材：學程式，拿 offer！

63 個專案實戰，直接上手！
無需補習，按步驟打造你的面試作品。

立即解鎖你的轉職秘笈

小編精選 - 技術文章翻譯 · 07月25日

加入我們，迎接下一個前端挑戰：休閒版

社群最愛的前端挑戰又回來了！

前端挑戰：娛樂版將持續到 8 月 4 日，將提供兩個娛樂主題提示：CSS Art 和 Glam Up My Markup。這將是一個展示您的 JavaScript 技能和展示您的 CSS 創造力的有趣機會。

像往常一樣，每個提示都會有一名獲勝者。這是贏得吹牛權利的兩次機會、DEV 商店的禮物和專屬 DEV 徽章。

另外，如果您不知道 - 徽章可以疊加在您的個人資料上以炫耀多次獲勝！但當然，這不是關於獲勝的目的地，而是關於旅程。我們希望這是一個挑戰自我並享受樂趣的機會！

如果您更有興趣爭奪現金獎勵，「 Build Better with Stellar：智慧合約挑戰賽」現已舉辦，獎金超過 50,000 美元可供贏取！

提示

CSS 藝術：最喜歡的娛樂活動

當有人問你最喜歡的娛樂活動是什麼時，畫出你想到的是什麼。換句話說，當你不工作的時候，你會做些什麼來消遣呢？ DEV 團隊中的一些人喜歡團隊運動，例如美式足球，而其他人則喜歡運動較少的個人活動，例如編織。 🧶

當您想到休閒時想到的是什麼，請告訴我們！

這是供任何想要直接參與的人使用的提交模板，但請在提交之前查看官方挑戰頁面上的所有挑戰規則。

{% cta https://dev.to/new?prefill=---%0Atitle%3A%20%0Apublished%3A%20%0Atags%3A%20frontendchallenge%2C%20devchallenge%2C%20css%0A---% 0A%0A_This%20is%20a%20submission%20for%20%5BFrontend%20Challenge%20v24.07.24%5D(https%3A%2F%2Fdev.to%2Fchallenges%2Ffrontend-2024-07-202420CSS %3A%20休閒._%0A%0A%23%23%20靈感%0A%3C!--%20什麼%20是%20you%20highlighting%20today%3F%20--%3E%0A%0A% 23%23% 20Demo%20%0A%3C!--%20Show%20us%20your%20CSS%20Art!%20You%20can%20直接%20embed%20an%20editor%20into%20this%20post20( %20FAQ%20section% 20of%20the%20challenge%20page)%20or%20you%20can%20share%20an%20image%20of%20your%20project%20and%20share%20a%200%200%200%200%2003%20a%200200%。 %20--%3E% 0A%0A%23%23%20旅程%20%0A%3C!--%20告訴%20us%20about%20your%20process%2C%20what%20you%20learned%2C%20anything% 20you%20are%20尤其%20proud%20of %2C%20what%20you%20hope%20to%20do%20next%2C%20etc.%20--%3E%0A%0A%3C!--%20Team%20Submissions%3A %20Please%20pick%20one%20member%20to %20發布%20the%20submission%20和%20credit%20隊友%20by%20listing%20他們的%20DEV%20用戶名%20直接%20in%20the% %20the%20post。 %20。要)。

CSS 藝術提交模板

{% 結束%}

增強我的標記：板球聯賽！

使用 CSS 和 JavaScript 使下面的入門 HTML 標記美觀、互動且有用。我們為紐約休閒板球聯盟提供了登陸頁面的入門範本。它不是一個真正的休閒聯賽，但這並不意味著它不能有一個漂亮的登陸頁面。透過精美的網頁幫助這個板球聯賽獲得動力！由於該模板不包含照片，因此您可能需要發揮創意，使其具有視覺吸引力。

您提交的內容應該比我們提供的 HTML 更有趣、更具互動性，而且也應該可用且易於存取。您不應直接編輯提供的 HTML，除非是透過 JavaScript。我們期待風格和實質。您可以加入基本樣板，包括元標記等以用於演示目的。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>New York Recreational Cricket League</title>
</head>
<body>
    <header>
        <h1>Welcome to the New York Recreational Cricket League</h1>
        <p>Join us to experience the thrill of cricket right in the heart of New York City!</p>
    </header>

    <section>
        <h2>About the League</h2>
        <p>The New York Recreational Cricket League (NYRCL) is dedicated to promoting the sport of cricket among New Yorkers of all ages. We offer a friendly but competitive environment where players can improve their skills and enjoy the game.</p>
    </section>

    <section>
        <h2>How to Join</h2>
        <p>Interested in playing? We welcome players of all skill levels! To join, simply fill out our online registration form on our website, or contact us at [email protected] for more details.</p>
    </section>

    <section>
        <h2>League Fees</h2>
        <p>The registration fee for the league is $150 per player, which covers the entire season. This fee includes uniforms, equipment rental, and insurance.</p>
    </section>

    <section>
        <h2>Location of Games</h2>
        <p>All games are held at the iconic Central Park Cricket Fields, located near the north end of Central Park, easily accessible via public transportation.</p>
    </section>

    <section>
        <h2>Season Schedule</h2>
        <p>The NYRCL season runs from April through September, with games typically held on weekends. Here is the schedule for the upcoming season:</p>
        <ul>
            <li>Opening Day: April 15th</li>
            <li>Mid-Season Tournament: July 8th-9th</li>
            <li>Season Finals: September 20th</li>
            <li>Closing Ceremony: September 30th</li>
        </ul>
    </section>

    <footer>
        <p>Contact Us: </p>
        <p>Email: [email protected] | Phone: (555) 123-4567</p>
        <p>Follow us on our social media pages for updates and more information.</p>
    </footer>
</body>
</html>

{% cta https://dev.to/new?prefill=---%0Atitle%3A%20%0Apublished%3A%20%0Atags%3A%20devchallenge%2C%20frontendchallenge%2C%20css%2C%20javascript%2C%20frontendchallenge%2C%20css%2C%20javascript%0Ajava ---%0A%0A_This%20is%20a%20submission%20for%20%5BFrontend%20Challenge%20v24.07.24%5D(https%3A%2F%2Fdev.to%2Fchallenges%2Ffrontend-2024-07-2024-07-2 %20Glam%20Up%20My%20Markup%3A%20Recreation_%0A%0A%23%23%20What%20I%20Built%0A%0A%3C！ % 20you%20were%20looking%20to%20實作。 20直接%20embed %20an%20editor%20進入%20this%20post%20（參見%20the%20challenge%20頁的%20the%20FAQ%20section%20）%20or%20you%20can%20share%20an%%20）%20or%20you%20can%20share%20an% %20your%20project%20and% 20share%20a%20public%20link%20to%20the%20code.%20--%3E%0A%0A%23%23%20Journey%0A%3C!--%20告訴%20us% 20about%20your%20process%2C% 20what%20you%20已學習%2C%20anything%20you%20are%20尤其%20proud%20of%2C%20what%20you%20hope%20to%20do%20next%20%20next. 20--%3E%0A%0A%3C !--%20Team%20Submissions%3A%20請%20pick%20one%20member%20to%20publish%20the%20submission%20and%20creditthe%20teammates% 20DEV%20usernames%20directly%20in%20the%20body% %20%20貼文中的20%。 20考慮%20為%20您的%20程式碼加入%20a%20許可證%20。 %20cover%20image%20to%20your%20post%20(如果%20you%20想要)。 %3E %}

使我的標記提交模板更加迷人

{% 結束%}

{％卡％}