{"id":12074,"date":"2017-05-30T00:00:00","date_gmt":"2017-05-29T16:00:00","guid":{"rendered":"https:\/\/fgchen.com\/wpedu2\/2017\/05\/30\/%e7%b6%b2%e9%a0%81%e5%89%8d%e7%ab%af%e5%b7%a5%e7%a8%8b%e5%b8%ab%e7%9a%84%e5%ad%b8%e7%bf%92%e8%b7%af%e5%be%91\/"},"modified":"2026-03-30T14:49:04","modified_gmt":"2026-03-30T06:49:04","slug":"%e7%b6%b2%e9%a0%81%e5%89%8d%e7%ab%af%e5%b7%a5%e7%a8%8b%e5%b8%ab%e7%9a%84%e5%ad%b8%e7%bf%92%e8%b7%af%e5%be%91","status":"publish","type":"post","link":"https:\/\/fgchen.com\/wpedu\/2017\/05\/%e7%b6%b2%e9%a0%81%e5%89%8d%e7%ab%af%e5%b7%a5%e7%a8%8b%e5%b8%ab%e7%9a%84%e5%ad%b8%e7%bf%92%e8%b7%af%e5%be%91\/","title":{"rendered":"\u7db2\u9801\u524d\u7aef\u5de5\u7a0b\u5e2b\u7684\u5b78\u7fd2\u8def\u5f91"},"content":{"rendered":" \n\n

Learn How To Become a Front-End Web Developer From Scratch<\/h1>\n\n

HTML Basics<\/h2>\n\n
    \n
  1. HTML Basics<\/li>\n
  2. What is HTML<\/li>\n
  3. The Basic Structure of a WebPage<\/li>\n
  4. How To Add Text To a WebPage<\/li>\n
  5. How To Add a Image To Your Website<\/li>\n
  6. How To Link Web Pages Together<\/li>\n
  7. How To Create a List<\/li>\n
  8. Your Final Project For This Section<\/li>\n<\/ol>\n\n

    CSS Basics<\/h2>\n\n
      \n
    1. What is CSS?<\/li>\n
    2. How To Link an External Style Sheet<\/li>\n
    3. Working With CSS Classes and ID’s<\/li>\n
    4. Your CSS Project For This Section<\/li>\n
    5. Solution To The CSS Class Project<\/li>\n<\/ol>\n\n

      How To Create Your Very First Website With HTML and CSS<\/h2>\n\n
        \n
      1. Create a Basic Webpage With HTML and CSS<\/li>\n
      2. Working With Coding Editors<\/li>\n
      3. Creating a Wire frame For Our Website<\/li>\n
      4. The Basic Structure of a Webpage<\/li>\n
      5. HTML Content Containers<\/li>\n
      6. Creating Our Websites Navigation<\/li>\n
      7. Building Our Portfolio Page<\/li>\n
      8. Adding Images To Our Portfolio Page<\/li>\n
      9. Building Out Our Footer<\/li>\n
      10. Getting Started With CSS<\/li>\n
      11. External and Internal CSS<\/li>\n
      12. Working With ID Selectors<\/li>\n
      13. Centering Our Websites Wrapper<\/li>\n
      14. Taking a Mobile Friendly Approach To Web Development<\/li>\n
      15. Styling Our Website With Colour<\/li>\n
      16. Working With CSS Classes<\/li>\n
      17. Adding Comments in CSS<\/li>\n
      18. Adding Fonts To Our Website<\/li>\n
      19. Styling Our Portfolio Page<\/li>\n
      20. Creating a Horizontal Navigation<\/li>\n
      21. Fixing Up Our Footer and Navigation<\/li>\n
      22. Creating Our About Page<\/li>\n
      23. Styling Our About Page<\/li>\n
      24. Create a Contact Page<\/li>\n
      25. Creating Our Blog Page<\/li>\n
      26. Creating Our Portfolio Page<\/li>\n
      27. Adding a Grid To Our Portfolio Page<\/li>\n
      28. Final Adjustments To Our About Page<\/li>\n
      29. Final Adjustments To Our Header and Footer<\/li>\n
      30. Finishing Up Our Portfolio Page<\/li>\n
      31. Finding a Domain Name For Your Website<\/li>\n
      32. Finding a Webhost<\/li>\n
      33. Connecting Your Domain Name and Web Hosting Account<\/li>\n<\/ol>\n\n

        JavaScript Basics<\/h2>\n\n
          \n
        1. Introductory<\/li>\n
        2. Creating Your Very First JavaScript Program<\/li>\n
        3. Examples of JavaScript On The Web<\/li>\n
        4. How To Link An External JavaScript File To An HTML Document<\/li>\n
        5. Working With The JavaScript Console<\/li>\n
        6. The JavaScript Console Challenge<\/li>\n
        7. JavaScript Console Challenge Solution<\/li>\n
        8. What is a JavaScript Variable?<\/li>\n
        9. How To Assign Names To Your Variables<\/li>\n
        10. An Introduction To Strings and Numbers<\/li>\n
        11. How To Capture Input From a User<\/li>\n
        12. Combining Strings Together<\/li>\n
        13. Working With Strings In Further Detail<\/li>\n
        14. The Variable Coding Challenge<\/li>\n
        15. The Variable Coding Challenge Solution<\/li>\n
        16. What Are Numbers<\/li>\n
        17. How We Do Math In JavaScript<\/li>\n
        18. Working With The Math Object<\/li>\n
        19. The Numbers Challenge<\/li>\n
        20. Solution To The Numbers Challenge<\/li>\n
        21. What Are Conditional Statements<\/li>\n
        22. Working With Comparison Operators<\/li>\n
        23. Working With Booleans<\/li>\n
        24. Comments In JavaScript<\/li>\n
        25. Combining Multiple Tests Into a Single Condition<\/li>\n
        26. Working With Conditional Statements Challenge<\/li>\n
        27. Working With Conditional Statements Challenge Solution<\/li>\n
        28. What are JavaScript Functions?<\/li>\n
        29. How To Return a Value From a Function<\/li>\n
        30. Giving Information To a Function<\/li>\n
        31. The Variable Scope<\/li>\n
        32. Working With Functions Challenge<\/li>\n
        33. Working With Functions Challenge Solution<\/li>\n
        34. Introductory To JavaScript Loops<\/li>\n
        35. Working Further With While Loops<\/li>\n
        36. Do While Loops<\/li>\n
        37. Working With For Loops<\/li>\n
        38. How To Break Out of a Loop<\/li>\n
        39. The JavaScript Loop Challenge<\/li>\n
        40. Solution To The JavaScript Loop Challenge<\/li>\n
        41. Working With JavaScript Arrays<\/li>\n
        42. How To Access Items In An Array<\/li>\n
        43. How To Add Items To An Array<\/li>\n
        44. How To Remove Items From an Array<\/li>\n<\/ol>\n\n

          WordPress Basics<\/h2>\n\n
            \n
          1. What is WordPress<\/li>\n
          2. Self-Hosted or WordPress.com<\/li>\n
          3. Setting up Your Domain Name and Hosting Accounts<\/li>\n
          4. Setting Up your Nameservers<\/li>\n
          5. How To Install WordPress In Less Than 5 Minutes<\/li>\n
          6. Introductory To The WordPress Dashboard<\/li>\n
          7. How To Change your Site Title and Description<\/li>\n
          8. How To Create Posts and Pages<\/li>\n
          9. How To Add Images Into Your Posts<\/li>\n
          10. How To Add Video Content To Your Posts<\/li>\n
          11. How To Correctly Format Your Posts and Pages<\/li>\n
          12. How To Set-up Your Websites Navigation<\/li>\n
          13. How To Change Your Homepage Layout<\/li>\n
          14. Discussion Settings<\/li>\n
          15. How To Disable Comments In WordPress<\/li>\n
          16. How To Customize a WordPress Theme<\/li>\n
          17. How To Add a Featured Posts Thumbnail<\/li>\n
          18. Genesis and Canvas Theme Frameworks<\/li>\n
          19. WordPress Widgets<\/li>\n
          20. How To Add Users To Your Website<\/li>\n
          21. What is a WordPress Plugin?<\/li>\n
          22. A List of Common WordPress Plugins<\/li>\n
          23. How To Install and Setup WP Super Cache<\/li>\n
          24. How To Duplicate a Page or Post<\/li>\n
          25. How To Generate a Google XML Sitemap<\/li>\n
          26. How To Set-up and Install a MailChimp Sign-up Form<\/li>\n
          27. How To Add a Forum To a WordPress Website<\/li>\n
          28. HelloBar WordPress Plugin Review and Tutorial<\/li>\n
          29. How To Install and Activate BackupWordpress<\/li>\n
          30. How To Update WordPress, Themes, and Plugins<\/li>\n
          31. How To Install Google Analytics on a WordPress Website<\/li>\n
          32. How To Install Askimet Spam Protection WordPress Plugin<\/li>\n
          33. Canvas Theme Framework Review<\/li>\n
          34. How To Add a Custom Menu To The Genesis WordPress Theme<\/li>\n<\/ol>\n\n

            Bootstrap 4 Basics<\/h2>\n\n
              \n
            1. Let’s Create a Simple Landing Page With Bootstrap 4<\/li>\n
            2. How To Install and Set-up Bootstrap 4<\/li>\n
            3. Introducing The Jumbotron Component<\/li>\n
            4. How To Create a Sign-up Form<\/li>\n
            5. Adding Basic Information To Our Website<\/li>\n
            6. Styling and Final Touches<\/li>\n<\/ol>\n\n

              Creating an E-commerce Store With Shopify<\/h2>\n\n
                \n
              1. What This Section Will Be Covering<\/li>\n
              2. What is Shopify?<\/li>\n
              3. Getting Started With Shopify<\/li>\n
              4. Configuring Basic Account Settings<\/li>\n
              5. How To Publish Posts and Pages<\/li>\n
              6. How To Add Products To Your Store<\/li>\n
              7. Picking a Theme For Your Store<\/li>\n
              8. How To Setup Your Websites Navigation Menus<\/li>\n
              9. Customizing Your Shopify Stores Theme<\/li>\n
              10. How To Add Discounts To Your Store<\/li>\n
              11. How To Buy and Connect a Domain Name<\/li>\n
              12. Introductory To Shopify Apps<\/li>\n
              13. Conclusion<\/li>\n<\/ol>\n\n

                <\/h2>","protected":false},"excerpt":{"rendered":"

                  Learn How To Become a Front-End W … <\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_import_markdown_pro_load_document_selector":0,"_import_markdown_pro_submit_text_textarea":"","fifu_image_url":"","fifu_image_alt":"","footnotes":""},"categories":[266],"tags":[],"class_list":["post-12074","post","type-post","status-publish","format-standard","hentry","category-266"],"_links":{"self":[{"href":"https:\/\/fgchen.com\/wpedu\/wp-json\/wp\/v2\/posts\/12074","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fgchen.com\/wpedu\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fgchen.com\/wpedu\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fgchen.com\/wpedu\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fgchen.com\/wpedu\/wp-json\/wp\/v2\/comments?post=12074"}],"version-history":[{"count":1,"href":"https:\/\/fgchen.com\/wpedu\/wp-json\/wp\/v2\/posts\/12074\/revisions"}],"predecessor-version":[{"id":13418,"href":"https:\/\/fgchen.com\/wpedu\/wp-json\/wp\/v2\/posts\/12074\/revisions\/13418"}],"wp:attachment":[{"href":"https:\/\/fgchen.com\/wpedu\/wp-json\/wp\/v2\/media?parent=12074"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fgchen.com\/wpedu\/wp-json\/wp\/v2\/categories?post=12074"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fgchen.com\/wpedu\/wp-json\/wp\/v2\/tags?post=12074"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}