Web Developer Study

12 months web developer study. I decided to dedicate at least 12 months to learn web development.

Course Front End Development Libraries - freeCodeCamp

Eighth Month / Sprint()

• Online courses, challenges and creation of my own projects.

What I learned/used (Link for details)

- Bootstrap

• container-fluid
• color
• font awesome
• col-xs-*
• button
• class
  • btn
  • text
    • primary
    • info
    • danger
    • default
    • center
• well
• id
• target

- JQuery

• target element
  • id #
  • class .
  • parent()
  • children()
  • nth-child(n)
• addClass()
• removeClass()
• css()
• prop()
• remove()
• html()
• appendTo()
• clone()

- SASS

• @mixins
• @if, @else if, @else
• @include
• @extend
• @for loop
• @each loop
• @while loop

- React

• create simple element
• create complex element
• comment

Final projects + Result

Project + Result

Previous Projects

• (1 mth) 12Mths Web Development Study link
• (2 mth) 12Mths Web Development Study link (HTML, CSS, JS, ES6-ES2015, NPM, JQuery)
• (2 mth) 12Mths Web Development Study link (Johns Hopkins Uni - HTML, CSS, JavaScript)
• (2 mth) 12Mths Web Development Study link (USP - software Testing)
• (2 mth) 12Mths Web Development Study link (Cypress - Cypress.io)
• (3 mth) 12Mths Web Development Study link (Easybank Challenge - frontend)
• (3 mth) 12Mths Web Development Study link (CSS Grid - The net ninja)
• (3 mth) 12Mths Web Development Study link (CSS Transition - codeAcademy)
• (3 mth) 12Mths Web Development Study link (SASS & BEM - coder coder)
• (3 mth) & (4 mth) 12Mths Web Development Study link (freeCodeCamp (New) Responsive Web Design)
• (4 mth) & (5 mth) 12Mths Web Development Study link (freeCodeCamp - JavaScript Algorithms and Data Structures)
• (6 mth) 12Mths Web Development Study link (Job Listing - frontend Mentor Challenge)
• (8 mth) 12Mths Web Development Study link(react - scrimba)

Tools

The content belongs to freeCodeCamp.

Do not use the files from my github account, but use the original content on the freeCodeCamp. website.