This repository contains two folders, both created while studying at Trybe. The course-summaries folder contains home-made compiled lessons, so they can be consulted by peer students, whereas the exercises folder displays all the developed learning activities.

The Trybe 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.

​

Introduction - Web Development ✅

Block 1: Introduction - Unix & Shell

• 1-3: Unix & Bash - Part 1
• 1-4: Unix & Bash - Part 2
• 1-5: Shell Script

Block 2: Git & GitHub

• 2-1: What is it and what is it for?
• 2-2: Understanding the commands
• 2-3: Internet - Understanding how it works

Block 3: Introduction - 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 - HTML & CSS

Block 4: Introduction - JavaScript

• 4-1: JavaScript - Getting Started
• 4-2: JavaScript - For Array and Loop
• 4-3: JavaScript - Programming Logic and Algorithms
• 4-4: JavaScript - Objects and functions
• 4-5: JavaScript - Project - Playground Functions

Block 5: Introduction - JavaScript - HTML

• 5-1: JavaScript - DOM and selectors
• 5-2: JavaScript - Working with elements
• 5-3: JavaScript - Events
• 5-4: JavaScript - Web Storage
• 5-5: Project - Meme Generator
• 5-6: Project - Art with Pixels
• 5-7: Project - To Do List
• 5-8: Bonus Project - Color Guess
• 5-9: Bonus Project - Mistery Letter

Front-end development ⏳

Block 6: Introduction - Front-end

• 6-1: HTML & CSS - Forms
• 6-2: JavaScript libraries and CSS frameworks
• 6-3: CSS Flexbox - Part 1
• 6-4: CSS Flexbox - Part 2
• 6-5: CSS Responsivo - Mobile first
• 6-6: Project - Facebook signup page

Block 7: Javascript ES6

• 7-1: Let, const, arrow functions & template literals
• 7-2: Objects
• 7-3: Unit tests
• 7-4: Testing baby steps (TDD)
• 7-5: Project - Unit tests practice with npm

Block 8: Javascript Higher Order Functions (HOFs)

• 8-1: forEach, find, some, every, sort
• 8-2: map e filter
• 8-3: reduce
• 8-4: spread operator, rest, destructuring, abbreviation object literal and default parameters
• 8-5: Project - Zoo Functions

Block 9: Jest, Javascript asynchronous, callbacks and promises

• 9-1: Javascript asynchronous and callbacks
• 9-2: Javascript Promises
• 9-3: Project - Shopping Cart

Block 10: Testing asynchronous code with Jest

• 10-1: First steps with Jest
• 10-2: Testing asynchronous code
• 10-3: Simulating behaviours
• 10-4: Project asynchronous jest and mocking

Block 11: React

• 11-1: Introduction to React
• 11-2: Components and props
• 11-3: Project - Movie Cards Library

Block 12: React

• 12-1: Components with status
• 12-2: React events and forms
• 12-3: Project - Movie Cards Library Stateful

Block 13: React

• 13-1: React component life cycle
• 13-2: React Router
• 13-3: Project - Movie Cards Library CRUD

Block 14: Agile Methodologies

• 14-1: Agile Methodologies: Scrum, Kanban
• 14-2: Group Project - Frontend Online Store

Block 15: React Testing Library

• 15-1: Testing React with the React Testing Library: testing use and routes
• 15-2: RTL Part 2: testing mocking and inputs
• 15-3: RTL Part 3: Testing React Router
• 15-4: Project - React Tests

Block 16: Redux

• 16-1: Introduction to Redux
• 16-2: React with Redux - part 1
• 16-3: Practice
• 16-4: React with Redux - part 2: redux-thunk
• 16-5: Synchronous tests with React-Redux
• 16-6: Project - TrybeWallet

Block 17: Project Trivia Game

• 17: Project Trivia Game

Block 18: Context API e React Hooks

• 18-1: Context API React
• [] 18-2: React Hooks - useState and useContext
• [] 18-3: React Hooks - useEffect and custom Hooks
• [] 18-4: Project - StarWars Datatable with Context API and Hooks

Block 19: Project

• [] 19: Project Recipe App