Thursday, August 30, 2018

Learn to code for free

Free Code Camp Sydney, in partnership with Code.Sydney, is a separate entity from but believes in the same purpose. Free Code Camp is an international community which intends to make learning web development accessible to anyone and help build project for non-profits.

Where to begin

1. Sign up to and start doing the lessons.
2. If you have any questions about a topic, watch the related video using the links below and feel free to ask questions in the video comment section.
3. Please sign up to our dashboard so we can monitor your progress.
4. Sign up to our slack channel for constant collaboration.

    Photo with Quincy Larson, founder of Free Code Camp during his visit to Melbourne. Code.Sydney/FCC mentors Promie Yutasane and Allan Cheung graced the event. Not in photo is Tony Johnson, who is also a Code.Sydney/FCC mentor.

The Challenge

1,408 coding challenges
30 projects
6 certifications


Important: Please note that only the ones with active links are ready for discussion. The blog is updated regularly as we progress.

A. Responsive Web Design Certification (300 hours)
    A.1 Basic HTML and HTML5
           A.1.1 Say Hello to HTML Elements
           A.1.2 Headline with the h2 Element
           A.1.3 Inform with the Paragraph Element
           A.1.4 Fill in the Blank with Placeholder Text
           A.1.5 Uncomment HTML
           A.1.6 Comment out HTML
           A.1.7 Delete HTML Elements
           A.1.8 Introduction to HTML5 Elements
           A.1.9 Add Images to Your Website
           A.1.10 Link to External Pages with Anchor Elements
           A.1.11 Link to Internal Sections of a Page with Anchor Elements
           A.1.12 Nest an Anchor Element within a Paragraph
           A.1.13 Make Dead Links Using the Hash Symbol
           A.1.14 Turn an Image into a Link
           A.1.15 Create a Bulleted Unordered List
           A.1.16 Create an Ordered List
           A.1.17 Create a Text Field
           A.1.18 Add Placeholder Text to a Text Field
           A.1.19 Create a Form Element
           A.1.20 Add a Submit Button to a Form
           A.1.21 Use HTML5 to Require a Field
           A.1.22 Create a Set of Radio Buttons
           A.1.23 Create a Set of Checkboxes
           A.1.24 Check Radio Buttons and Checkboxes by Default
           A.1.25 Nest Many Elements within a Single div Element
           A.1.26 Declare the Doctype of an HTML Document
           A.1.27 Define the Head and Body of an HTML Document
    A.2 Basic CSS
           A.2.1 Change the Color of Text
           A.2.2 Use CSS Selectors to Style Elements
           A.2.3 Use a CSS Class to Style an Element
           A.2.4 Style Multiple Elements with a CSS Class
           A.2.5 Change the Font Size of an Element
           A.2.6 Set the Font Family of an Element
           A.2.7 Import a Google Font
           A.2.8 Specify How Fonts Should Degrade
           A.2.9 Size Your Images
           A.2.10 Add Borders Around Your Element
           A.2.11 Add Rounded Corners with border-radius
           A.2.12 Make Circular Images with a border-radius
           A.2.13 Give a Background Color to a div Element
           A.2.14 Set the id of an Element
           A.2.15 Use an id Attribute to Style an Element
           A.2.16 Adjust the Padding of an Element
           A.2.17 Adjust the Margin of an Element
           A.2.18 Add a Negative Margin to an Element
           A.2.19 Add Different Padding to Each Side of an Element
           A.2.20 Add Different Margins to Each Side of an Element
           A.2.21 Use Clockwise Notation to Specify the Padding of an Element
           A.2.22 Use Clockwise Notation to Specify the Margin of an Element
           A.2.23 Use Attribute Selectors to Style Elements
           A.2.24 Understand Absolute versus Relative Units
           A.2.25 Style the HTML Body Element
           A.2.26 Inherit Styles from the Body Element
           A.2.27 Prioritize One Style Over Another
           A.2.28 Override Styles in Subsequent CSS
           A.2.29 Override Class Declarations by Styling ID Attributes
           A.2.30 Override Class Declarations with Inline Styles
           A.2.31 Override All Other Styles by using Important
           A.2.32 Use Hex Code for Specific Colors
           A.2.33 Use Hex Code to Mix Colors
           A.2.34 Use Abbreviated Hex Code
           A.2.35 Use RGB values to Color Elements
           A.2.36 Use RGB to Mix Colors
           A.2.37 Use CSS Variables to change several elements at once
           A.2.38 Create a custom CSS Variable
           A.2.39 Use a custom CSS Variable
           A.2.40 Attach a Fallback value to a CSS Variable
           A.2.42 Change a variable for a specific area
           A.2.43 Use a media query to change a variable
    A.3 Applied Visual Design
    A.4 Applied Accessibility
    A.5 Responsive Web Design Principles
    A.6 CSS Flexbox
    A.7 CSS Grid
    A.8 Responsive Web Design Projects

B. Javascript Algorithms And Data Structures Certification (300 hours)
    B.1 Basic JavaScript
    B.2 ES6
    B.3 Regular Expressions
    B.4 Debugging
    B.5 Basic Data Structures
    B.6 Basic Algorithm Scripting
    B.7 Object Oriented Programming
    B.8 Functional Programming
    B.9 Intermediate Algorithm Scripting
    B.10 JavaScript Algorithms and Data Structures Projects

C. Front End Libraries Certification (300 hours)
    C.1 Bootstrap
    C.2 jQuery
    C.3 Sass
    C.4 React
    C.5 Redux
    C.6 React and Redux
    C.7 Front End Libraries Projects

D. Data Visualization Certification (300 hours)
    D.1 Data Visualization with D3
    D.2 JSON APIs and Ajax
    D.3 Data Visualization Projects

E. Apis And Microservices Certification (300 hours)
    E.1 Managing Packages with Npm
    E.2 Basic Node and Express
    E.3 MongoDB and Mongoose
    E.4 Apis and Microservices Projects

F. Information Security And Quality Assurance Certification (300 hours)
    F.1 Information Security with HelmetJS
    F.2 Quality Assurance and Testing with Chai
    F.3 Advanced Node and Express
    F.4 Information Security and Quality Assurance Projects

G. Coding Interview Prep (Thousands of hours of challenges)
    G.1 Algorithms
    G.2 Data Structures
    G.3 Take Home Projects
    G.4 Rosetta Code
    G.5 Project Euler

Here are some related blogs that you may want to read
Please do learn to code by Quincy Larson
How to get the most out of Free Code Camp by Anthony Yannos
Failing at Free Code Camp by Gustavo Giampoli

Join our Meet up group to stay updated with regular face to face meet up schedules.