Saturday, September 1, 2018


Mag-aral maging programmer ng libre

Ang Free Code Camp Bulacan ay sinimulan sa ilalim ng pangangalaga ng Code.Sydney. Ang layunin nito ay tulungan ang mga kabataan sa lalawigan ng Bulakan at maging buong Pilipinas na maging isang programmer. Ito ay hiwalay sa freeCodeCamp.org pero naniniwala sa parehong adhikain. Ang Free Code Camp ay isang international community na may layong turuan ng web development ang sinuman upang sa huli'y makatulong sa mga proyektong ikabubuti ng komunidad.


Pambungad na Mensahe


Ang Free Code Camp Bulacan(FCC Bulacan) ay isang ring pagbibigay pugay sa mga minamahal na naging guro ng kasalukuyang Direktor ng Code.Sydney mula St. Mary's College of Meycauayan, Meycauayan West Central School, Meycauayan College at University of Santo Tomas. Hinihikayat ng FCC Bulacan ang mga kabataan na tapusin ang kanilang pangunahing pag-aaral at gamitin lamang ang skill na matututunan sa FCC Bulacan bilang karagdagang kaalaman.


Saan pupunta pagkatapos nito?


Kung matapos ang kursong ito, maaaring tumanggap ng freelance work mula sa iba't ibang parte ng mundo o di kaya'y mag-apply bilang junior web developer sa mga kompanya.

Paano Magsimula


1. Mag sign up sa freeCodeCamp.org at simulan ang mga lessons.
2. Kung may tanong tungkol sa mga lesson, panoorin ang related na video na may mga link sa ibaba at magtanong lang sa comment section ng video kung kailangan.
3. Mag sign up sa ating dashboard para makita namin ang progress niyo.

4. Mag sign up sa ating slack channel para sa kolaborasyon.


Ang Hamon

1,408 coding challenges
30 projects
6 certifications

Curriculum

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



Mentors


Engramar has worked in the IT industry for over 20 years. Having worked in Asia, the Middle East and Australia in software development, Engramar has deep expertise in all aspects of software development lifecycle including business requirements analysis, systems design and development, product testing, release management, end-user training, pre-sales support and post-implementation support. Engramar is currently working for Mastersoft Group (an Australian pioneer in customer data management) as their Head of Customer Support and Testing team. He is also the current Director of Code.Sydney, a group of volunteer programmers which offer pay-as-you-feel services. Engramar has obtained a degree in Mathematics major in Computer Science from the Pontifical and Royal University of Santo Tomas in Manila.





Ar-Em is an active leader of Free Code Camp Manila. An experienced Full Stack JavaScript Engineer, live coder and community leader with a knack for collaboration and inclusive growth. Ar-Em started his Free Code Camp journey way back in July 2015 and still progressing to more advanced topics. Ar-Em is passionate in sharing his coding expertise particularly to the disadvantaged youth and excited to see them transformed as full-fledged coders. He graduated with a degree in Electrical Engineering at Far Eastern University.











Narito ang ilang mga blog ukol sa kursong Free Code Camp.
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 Facebook Group.