Trybe

This repository contains almost all learning activities developed by Lucas Neves while studying at Trybe 🚀

"Trybe is a school of the future that was founded with the purpose of generating significant opportunities for anyone who wants to improve their lives and build a successful career in technology. Assuming a genuine commitment to people, at Trybe they only start paying when they get a good job."

The program has more than 1,500 hours of classroom and online classes and covers front-end, back-end, computer science, software engineering, agile methodologies, and soft skills.

How to read the content of this repository:

Every module contains blocks and every block contains exercises; these exercises are organized by days. Here is an example:

Introduction-WebDevelopment/block-02/2.1/tryber.js --> here you can find the exercise(s) of day 1 of the first day of block 2. Confusing? I'll try to explain one more time but in a different way:

2.1 --> refers to block 2 day 1

Do you get it now? If the answer is NO, take a look at the to-do list below!

Introduction - Web Development ✔️

Block 1: Unix, Bash & Shell Script

• 1.3: Unix & Bash - Part 1
• 1.4: Unix & Bash - Part 2

Block 2: Git, GitHub & Internet

• 2.1: What is it & what is it for?
• 2.2: Understanding the commands
• 2.3: Internet - Understanding how it works

Block 3: Introduction to HTML & CSS

• 3.1: HTML & CSS - Page structures
• 3.2: HTML & CSS - Getting started with CSS
• 3.3: HTML & CSS - Selectors and positioning
• 3.4: Semantic HTML
• 3.5: Project - Lessons learned

Block 4: Introduction - JavaScript & Programming Logic

• 4.1: JavaScript - Getting Started
• 4.2: JavaScript - Array & For Loop
• 4.3: JavaScript - Programming Logic and Algorithms
• 4.4: JavaScript - Objects and functions
• 4.5: Project - Playground Functions

Block 5: JavaScript: DOM, Events & Web Storage

• 5.1: JavaScript - DOM & Selectors

• 5.2: JavaScript - Working with elements

• 5.3: JavaScript - Events

• 5.4: JavaScript - Web Storage

• 5.5: Project - Pixels Art

• 5.6: Project - To do list

• 5.7: Bonus Projects

  Project - Meme Generator
  Project - Color Guess
  Project - Mistery Letter

Block 6: HTML & CSS: Forms, Flexbox & Responsivo

• 6.1: HTML & CSS - Forms
• 6-2: JavaScript libraries & CSS frameworks
• 6-3: CSS Flexbox - Part 1
• 6-4: CSS Flexbox - Part 2
• 6-5: Project - Facebook signup

Block 7: JavaScript ES6 & Unit Tests

• 7-1: JavaScript ES6 - let, const, arrow functions & template literals
• 7-2: JavaScript ES6 - Objects
• 7-3: JavaScript - unit tests
• 7-4: Project - JavaScript Unit Tests

Block 8: JavaScript ES6

• 8-1: JavaScript ES6 - Higher Order Functions - forEach, find, filter, some, every, sort
• 8-2: JavaScript ES6 - Higher Order Functions - map & filter
• 8-3: JavaScript ES6 - Higher Order Functions - reduce
• 8-4: JavaScript ES6 - spread operator, rest parameter, destructuring & more
• 8-5: Project - Zoo functions

Block 9: JavaScript Assync & Promises

• 9.1: Asynchronous JavaScript and Callbacks
• 9.2: JavaScript Promises
• 9.3: Project - Shopping cart

Block 10: Unit Tests with Jest

• 10.1: First steps with Jest
• 10.2: Jest - Asynchronous tests
• 10.3: Jest - Simulating behaviors
• 10.4: Project - Jest

Front-End Development ⏳

Block 11: Introduction - React

• 11.1: 'Hello, world!' in React!
• 11.2: React Components
• 11.3: Project - Movie Cards Library

Block 12: React components with state, events & forms

• [] 12.1: Components with state & events
• [] 12.2: Forms with React
• [] 12.3: [Project - Movie Cards Librart Stateful]

[...]