Skip to content

Latest commit

 

History

History
executable file
·
675 lines (407 loc) · 14.6 KB

log.md

File metadata and controls

executable file
·
675 lines (407 loc) · 14.6 KB

Contents

#100DaysOfCode Log - Round 1 - Matthias Heisterkamp

The log of my #100DaysOfCode challenge. Started on August 28, Friday, 2020.

Log

R1D1

Today I worked on some basic HTML, CSS and Applied Visual Design to get in the flow. Therefore I used the lessons at freeCodeCamp.org

R1D2

Learned a lot about:

  • Accessibility
  • Responsive Web Design Principles
  • CSS Flexbox
  • CSS Grid

I used the lessons at freeCodeCamp.org

R1D3

Working my way through the Responsive Web Design Path by freeCodeCamp.org

Made a very basic website as part of the Projects: https://codepen.io/mhstrkmp/pen/JjXJpNW

Learned more about Flexbox with: Flexbox Zombies

R1D4

Working my way through the Responsive Web Design Path by freeCodeCamp.org

Made a very basic website with survey as part of the Projects: https://codepen.io/mhstrkmp/pen/yLOXreK

Again learned some more about Flexbox with: Flexbox Zombies

R1D5

Digging further through the Responsive Web Design Path by freeCodeCamp.org

Started with the Product Page as part of the Path.

Again learned some more about Flexbox with: Flexbox Zombies

Overall a great day 🚀

R1D6

R1D7

  • Responsive Web Design Path by freeCodeCamp.org

  • Worked on the Technical Documentation Page as part of the Path.

Sometimes you have to go the extra mile and make your day longer than 24 hours if you want to reach your goals ...

R1D8

  • Responsive Web Design Path by freeCodeCamp.org

  • Worked on the Technical Documentation Page as part of the Path.

    • Especially the usage of code blocks.
    • You have to encode HTML Entities like <> by hand or use a syntax highliter like prism.js

R1D9

Responsive Web Design Path by freeCodeCamp.org

  • Worked on the Technical Documentation Page as part of the Path.
  • Again learned some more about Flexbox with: Flexbox Zombies

R1D10

Responsive Web Design Path by freeCodeCamp.org

  • Today refreshed some HTML, CSS and Git.

R1D11

Responsive Web Design Path by freeCodeCamp.org

R1D12

Responsive Web Design Path by freeCodeCamp.org

  • Today I started to build the Portfolio Page as part of the path.

Code comes more and more out of my brain. I have to spend less time looking up how things are done.

R1D13

Responsive Web Design Path by freeCodeCamp.org

R1D14

Responsive Web Design Path by freeCodeCamp.org

Next up: JavaScript

R1D15

Today I learned some JavaScript at freeCodeCamp.org Think I'll finish the Basic JavaScript section tomorrow.

Looking forward to learning about ES6.

R1D16

Today I learned some JavaScript at freeCodeCamp.org The basic JavaScript section is nearly done.

R1D17

🎉 Finished the basic JavaScript section at freeCodeCamp.org

  • Some of the concepts were hard to grasp.
  • I'm pretty sure that I have to do a recap of all the things I've learned so far 😉

Anyways a great day!

R1D18

Today i finished the ES6 section at freeCodeCamp.org

Awesome to learn a more modern version of JavaScript. So far I really enjoyed it 🤗

R1D19

Today I finished the Regular Expression section at freeCodeCamp.org It is a really well-crafted section with lots of good examples 👍

R1D20

✅ Finished the Debugging section at freeCodeCamp.org

✅ Build my first React App following this awesome little tutorial by @ASpittel

R1D21

R1D22

✅ Some more Basic Data Structure by freeCodeCamp.org

✅ Review of what I've learned so far.

R1D23

Relaxed weekend session ...

🎯 Finished the Basic Data Structure Section by freeCodeCamp.org

✅ Some reading and review

R1D24

✅ Some Basic Algorithm Scripting by freeCodeCamp.org

🤗 Playtime with Next.js and Tailwind CSS

R1D25

✅ More Basic Algorithm Scripting by freeCodeCamp.org

✅ Digging deeper into Next.js and Tailwind CSS

R1D26

Today I learned more about Next.js 🤗

R1D27

  • Today I went through some Documentation and Tutorials by Github.
  • Did the Introduction to GitHub Course by the GitHub Learning Lab.

R1D28

R1D29

🎯 Finished the Basic Algorithm Scripting Section by freeCodeCamp.org

  • Progress with this section felt quite slow. But the concepts need time to soak in therefore I'm happy with it 😉

R1D30

🎯 Finished the Object Oriented Programming Challenges by freeCodeCamp.org

R1D31

✅ Today I was working on the Functional Programming Challenges by freeCodeCamp.org

R1D32

✅ Learned more about Git and GitHub at GitHub's Learning Lab.

R1D33

The second day of my Web Development Bootcamp.

I learned a lot of stuff about the Shell, Git, GitHub, Markdown ...

R1D34

Day 3 of my Web Development Bootcamp.
A huge amount of Git, GitHub, VSCode sprinkled with a little bit of Markdown and HTML ... 😎

Ever screwed up your commits?
👉 https://ohshitgit.com/

R1D35

Day 4 of my Web Development Bootcamp.

R1D36

Day 5 of my Web Development Bootcamp.

  • Today – Deep Dive into Bootstrap 🙌

R1D37

  • Working on a personal website as part of my Web Development bootcamp 🤩

R1D38

✅ Working on a personal website as part of my Web Development Bootcamp.

  • It feels awesome when years of just tinkering around come together to create something new 🎉

R1D39

Bootcamp Day 6

R1D40

Bootcamp Day 7

  • Learned about CSS selectors
  • More CSS and Storybook.js

R1D41

Bootcamp Day 8

  • HTML, CSS and Storybook.js in general
  • Flexbox

R1D42

Bootcamp Day 9

  • CSS custom properties
  • CSS Grid
  • BEM

R1D43

Bootcamp Day 10

  • Such an inspiring Day!
  • Pair programming the whole Day. It's so enlightening to follow someone's thoughts about how to code piece by piece 🙌

R1D44

  • Working on some open-source contributions.
  • Pull Request was accepted and merged 🎉

R1D45

  • Today was mostly relaxed
  • Some code review and studying

R1D46

Bootcamp Day 11

  • Introduction to JavaScript and how to use it for making components in Storybook.js

R1D47

Bootcamp Day 12

  • UX and UI Design Workshop
  • JavaScript

R1D48

Bootcamp Day 13

  • JavaScript
    • especially how to keep your code clean and structured.

R1D49

Bootcamp Day 14

  • JavaScript
    • Object Destructuring
    • Rest Parameters
    • Spread syntax ...

R1D50

Bootcamp Day 15

  • So proud! I'm halfway through the challenge.
  • My Brain and JavaScript starting a friendship ...
  • Building reusable Components in Storybook.js with JavaScript.

R1D51

  • Relaxed weekend coding session
  • Working a bit on our project from Friday

R1D52

  • Learning about Git and GitHub
  • Stumbled upon those cool Github Templates 😎

R1D53

  • One day off 🏝

R1D54

  • Webpack
  • JavaScript

Strange day 🤔

When our coach described something it felt logical and I could follow along without any problems.

When I had to do it on my own ...

R1D55

  • JavaScript
  • Api

R1D56

  • JavaScript
    • Infinite loading while scrolling down
    • local storage
  • Working with the Rick & Morty API

R1D57

  • JavaScript
  • Working with API's

Personal insight of today:
If you want your function to run don't place it after the outer functions return statement ... 🤦‍♂️

R1D58

  • JavaScript
  • CodeReview

R1D59

R1D60

  • JavaScript
  • Code Review
  • Introduction to React

R1D61

  • JavaScript
  • Code Review
  • React with API‘s

R1D62

  • JavaScript
  • Code Review
  • React with API‘s
  • Test-Driven Development

Great day but my brain is exploding ...

R1D63

  • JavaScript
  • React
  • Testing with Jest
  • Continuous Integration

R1D64

  • React
  • Continuous Integration
  • Test-driven development

R1D65

  • Code review
  • React
  • Test-driven development

R1D66

R1D67

  • React
  • Storybook
  • Styled-Components

R1D68

  • React
  • Storybook
  • React Router

R1D69

  • React
  • React Router
  • URL params in React
  • Build a fake REST API with JSON Server

R1D70

  • React
  • Build a fake REST API with JSON Server
  • API Methods

R1D71

  • React
  • JavaScript
  • regex

R1D72

  • React
  • JavaScript
  • Chrome Extension

R1D73

  • React
  • JavaScript
  • Learning about developing a browser extension
  • Building a Fake API with json-server

R1D74

  • Code review
  • Learned to fork and contribute to other projects
  • Learned to solve merge conflicts

R1D75

  • Node
  • Build JavaScript CLI App

R1D76

  • Node
  • JavaScript
  • Building a CLI Password Manager

R1D77

  • Node
  • JavaScript
  • MongoDB and MongoDB Atlas
  • Building a CLI Password Manager
  • Lean Coffee

R1D78

  • Node
  • JavaScript
  • MongoDB and MongoDB Atlas
  • CRUD
  • Building a CLI Password Manager
  • Agile Workshop

R1D79

  • Node
  • JavaScript
  • MongoDB and MongoDB Atlas
  • CRUD
  • Building a CLI Password Manager

R1D80

Today less coding more research and planning about upcoming projects.

R1D81

  • Node
  • Express

R1D82

  • Design Workshop about building Prototypes in Adobe XD
  • Learned how to get "create-react-app" to work with my API

R1D83

  • Node
  • MongoDB
  • React
  • Implementing a proxy server

R1D84

  • React Hooks
  • Building a deployment pipeline with GitHub and Heroku
  • Deployment of a boilerplate create react app including Storybook 🔥🔥🔥

R1D85

Building a repository template to showcase portfolio projects.

It will include:

  • Express.js for serving
  • Create-React-App to show the App itself
  • Storybook for developing and feature components
  • ESLint, Prettier ...

R1D86

Working on my repository template for portfolio projects.

R1D87

Learning about git tag and GitHub Actions

R1D88

Today is the day. After those intense and awesome last weeks in Bootcamp, it's project time.

Now I've to build my very own app as completion. I'm gonna build an app to get rid of some clunky processes in craftsmanship ...

R1D89

  • TDD Workshop with Jest and Cypress
  • Prototyping with AdobeXD

R1D90

  • TypeScript Workshop
  • Prototyping with AdobeXD

R1D91

  • Design and Prototyping with AdobeXD
  • Set up a project in GitHub

R1D92

  • Design and Prototyping with AdobeXD
  • Configure project in GitHub
  • Review several Projects

Looking forward to next week when it's gonna be more coding ...

R1D93

  • One day off. I'll append it to the end ...

R1D94

  • Today mostly finishing the Design and Prototype of my Project.

R1D95

  • Finished the Design and Prototype after review.
  • Finally Coding!!!

R1D96

  • Mostly working with React Router
  • Getting my feets wet with TypeScript
  • Snapshot Testing

R1D97

  • Building styled components
  • Working in storybook

R1D98

  • Building styled components
  • Working in storybook

R1D99

  • Building styled components
  • Working in storybook

R1D100

Not over yet 😉

I missed two days which I'll append as promised ... Today I was working with React and Styled Components.

R1D101

  • Great day!
  • Getting in the flow with React

R1D102

It's done! I've successfully finished #100DaysOfCode 🎉

Things I've learned throughout this Challenge:

  • It helps to not do this alone. Connect with like-minded people to learn something new. This will supercharge your process and is way more fun.
  • You can learn a lot of new things if you making a consistent process. There will be days when you're not able to do much and other days when you rock it. It doesn't matter how much you've learned in one day as long as you learn something every day.
  • Start building things on your own as soon as possible. All those tutorials are great but use them mostly to start or if you want to get an overview of something. Building things is what moves you further.
  • Trust yourself. Don't give up too early when you're stuck. Take a break or go on with another thing. Revisit the problem a few days later and you'll often understand it quite magically ...
  • This challenge helped me to learn and was the perfect preparation for my boot camp. I highly recommend you to take part if you want to learn to code quickly and make it a habit.