links.html

<!DOCTYPE html>
<html lang="en">

<head>
    <link rel="icon" href="./favicon.png" />
    <title> Web Dev Book 📚</title>
    <link rel="stylesheet" type="text/css" href="links.css">
    <meta name="viewport" content="width=device-width, initial-scale=1">
</head>

<body>
    <div class="header">
        <div class="logo">
            <img src="./favicon.png" />
        </div>
        <h1>
            Web Dev Book 📚
        </h1>
        <h3> Collection of links 🔗 and resources 🧾 </h3>
    </div>
    <div class="topnav">
        <a href="./index.html">Home 🏡</a>
        <a href="./codeequip.html"> Code equipment 💼 </a>
        <a href="./links.html">Links and resources 🔗</a>
        <a href="./github.html"> GitHub Sign Up</a>
        <a href="./ghubprep.html"> GitHub Basics.</a>
        <a href="./js.html">JavaScript Links.</a>
        <a href="./html.html">HTML Links.</a>
        <a href="./css.html">CSS Links.</a>
    </div>


    <div class="row">
        <div class="leftcolumn">
            <div class="card">
                <h2>
                    See the best coding resources, from the beginner, to the most advanced!
                </h2>
                <h3>
                    See below for some links, that support you and your code:
                </h3>
                <img src="./images/learncode.jpg" width="950" height="480" />
                </h3>

                <h2>
                    General Resources:
                </h2>
                <table>
                    <tr>
                        <th>Resource 📚: </th>
                        <th>Description 🖊️</th>
                    </tr>
                    <tr>
                        <td><a href="https://www.w3schools.com/">W3 Schools</a></td>
                        <td> This link is my personal favourite, as you can read the documentation of most coding
                            languages, like HTML, CSS, and JavaScript. See code examples, do tests, do tutorials!</td>
                    </tr>

                    <tr>
                        <td><a href="https://developer.mozilla.org/en-US/"> Mozilla web docs </a></td>
                        <td> See the official documentation of code, learn web development, and latest technology.</td>
                    </tr>

                    <tr>
                        <td><a href="https://stackoverflow.com/"> Stackoverflow. </a></td>
                        <td> This is where developers and other coders ask questions about their code, and others work them
                            out, and share their solutions.</td>
                    </tr>

                    <tr>
                        <td><a href="https://www.freecodecamp.org/"> Free Code Camp </a></td>
                        <td> This is a student friendly resource, where professionals create pages about code, and give
                            you projects to complete.</td>
                    </tr>

                    <tr>
                        <td><a href="https://www.geeksforgeeks.org/"> Geeks for Geeks </a></td>
                        <td>If you are stuck on a particular topic in code, then you can use this page to get articles
                            about your chosen code topic.</td>
                    </tr>
                </table>
            </div>

            <div class="card">
                <h2>
                    Courses to learn and follow:
                </h2>
                <table>
                    <tr>
                        <th>Resource 📚: </th>
                        <th>Description 🖊️</th>
                    </tr>
                    <tr>
                        <td><a href="https://scrimba.com/">Scrimba</a></td>
                        <td> Here, when you sign up, there is free courses of web development where you will build apps
                            like notes apps and portfolios! </td>
                    </tr>

                    <tr>
                        <td><a href="https://www.coursera.org/"> Coursera </a></td>
                        <td>These are more complex courses made for degrees, but you can read now, complete the cources
                            for free, and learn beforehand!</td>
                    </tr>

                    <tr>
                        <td><a href="https://www.edx.org/"> Edx </a></td>
                        <td> Computer science resources made by top universities, like Harvard Uni and follow each course to
                            build a firm understanding about the science in computers.</td>
                    </tr>

                    <tr>
                        <td><a href="https://www.codewars.com/"> Codewars</a></td>
                        <td> This is a resource, where you compete to get a higher rank level in coding. Once you get a
                            basic understanding in programming, you can sign up to this and complete coding challenges.
                        </td>
                    </tr>

                    <tr>
                        <td><a href="https://www.codecademy.com/"> Codecademy</a></td>
                        <td> See free courses to follow, and learn development, from the basics to the advanced.</td>
                    </tr>
                </table>
            </div>
        </div>
        <div class="rightcolumn">
            <div class="card">
                <h2>
                    GitHub
                </h2>
                <img src="./images/GitHub-logo.png" style="height: 200px; width: 275px;" />
                <h3>From the first day of your journey in code, create a GitHub account, and add all your code there.
                    This is can build you a vital reputation of open-source contributions and support you in career choices. See the full guide on GitHub right here:</h3>
                <a href="https://github.com/" class="button">GitHub</a>
            </div>
            <div class="card">
                <h3>
                    See others front-end apps, try them out and add your own apps!
                </h3>
                <p>Codepen is a community of people all around the world who kindly add their own code projects for
                    others to learn and experiment on:</p>
                <a href="https://codepen.io/"><img src="./images/codepen.webp" /></a>
                <h3>
                    See frequently asked code questions...
                </h3>
                <p>Stackoverflow, the home of code questions!</p>
                <a href="https://stackoverflow.com/"><img src="./images/stackoverflow.png" /></a>
                <h3>Welcome to your coding journey! 🎒</h3>
                <p>Enjoy learning to code!</p>

                <img src="./images/enjoy.png" />

            </div>
        </div>
    </div>
    <div class="footer">
        <img src="./favicon.png" style="height: 100px; width: 100px; float: left;" />
        <h2>
            Web Dev Book!
        </h2>
    </div>
</body>

</html>

</html>