- Woho! Day 100! It's the first time since I started this journey that I've managed to do 100 days in a row. Today I did the challenge from yesterday again, for training. And I continued with lifecycle methods. I'll write a little summary of these 100 days, and then I'll make plans for the next 100.
- One day left! Today I changed the Prism syntax highlight theme, and I continued to practice React on Scrimba. I did a challenge involving state, setState and onChange handlers. I failed it, but was not far from the correct solution.
- Yes! I did it. I managed to get the syntax highlighting to work! After reading docs on both Graphql, Gatsby and Prism. The solution was to add another content model in Contentful, update the graphql query in Gatsby to fetch the new block in the blog template, and then use "dangerouslySetInnerHTML to display it. And there it was. Woho!
- Continued my Scrimba course and tried to solve the problem with syntax highlighting in Contentful. I'm closer to solving it, but I can't get it to show up. I think I need to change something in my graphql code.
- Spent a couple of hours trying to set up syntax highlighting in my Gatsby blog without luck. I read several blog posts and watched several videos. It seems like I do it the right way, but there is no change in my syntax. Maybe it has something to do with Contentful.
- Got the blog up and running via Netlify. Great. Now I need to clean up some of the posts, and then start writing again. And plan my next 100 days!
- Added features to my blog. I added a header component and made a 404 page. I'll try to deploy it with Netlify tomorrow.
- Today I spent most of my time making a footer and making hover effects on a portfolio grid. The images scaled slowly on hover, and a text appeared on a darkened background above the image. Pretty happy with the result.
- Today I got really stuck on a browser issue with flex box. The problem was that images inside flex elements didn't scale correctly in Internet Explorer 11. They overlapped or got a weird ratio when I tried to fix it. After a lot of searching and a lot of testing I managed to find a solution, only to discover that now it didn't work in Safari. I ended up using CSS hacks for both IE and Safari to be able to make it work.
- I had to change the API to display the blog posts from Contentful. I also had to do some changes to be able to view inline images. Now I want to add a new menu item, and filter out coding log from the more standard blog posts.
- Day 90! Yay! I connected the Gatsby site to Contentful, where I copied over all my previous blog posts. All that remains is to get it live via Netlify.
- Continued setting up the blog. Did all the basic styling and plugins and stuff. All that remains is connecting to Contentful and publish it. Very soon now, and I am all set to move on.
- Continued setting up the blog today. I did a couple of challenges and one Scrimba lesson. Should have the blog up and running tomorrow.
- Happy New Year! First day in the new year, and the course is done. I'm happy and I am excited. I also need to be strict, and make good plans. I proved that I can do it, by finishing the React course.
- My plan now is to get the Gatsby blog running, so that I can start writing blog post as I go along learning and building projects.
- The last version of my blog went down as I tried to update it, so I had to install it again. It's a nice refresher anyway so it's OK.
- YES! Finished the Udemy course. It took much longer than expected. I didn't realize that I would have to do so much bug fixing in the challenges. But I guess it's good practice.
- Is this the best way to learn? No! Absolutely not, but now I know. In the second half of the course I was just copying the instructor, and not really implementing what I learned. But it's not all bad. I learned about Webpack, Heroku, Firebase and testing, which I want to explore more in my custom projects.
- I should have stopped the course after learning the fundementals about React, and that use that to build stuff. After building maybe two or three projects, I could continue on. Do one or more sections, then stop to implement it in my existing projects or build new ones. In the last part of the course it was more about finishing it than to really learn. It had grown to big and to difficult at my current level and understanding.
- I intend to change the way I use courses from now on. I think FrontEnd Masters and Scrimba will be perfect. I just need to be strict and not be in tutorial hell, believing that I learn stuff just by watching.
- Continued the course (99%). I only have one video left. It's really long, so I'll continue tomorrow.
- Continued course (98%). The last videos are really long.
- Continued course (98%).
- Did more on the Scrimba course. I really like this platform. It's much more easy to edit code and to do challenges. It's nice to repeat the basic stuff now that the Udemy course is so advanced.
- Anki practise and some reading today.
- Day 80. Yay! Continued the course (97%). Learned more about useEffect and did a challenge.
- Not much coding today, but I did run through all my Anki cards, to test if I remember things. It went pretty well.
- Last day at work before christmas. Worked at our new website. We wanted it to have a design that matches our new offices. It involved a lot of design and flex box. It was fun.
- There is a lot of visits today to exchange gifts and dinner party tonight. So I will go through all my Anki cards today, to practice JavaScript, Redux, React and Webpack.
- Learned about React useEffect (96%).
- Not been much coding today. I did some Scrimba at work, and learned more about React Hooks. I also gave a lot of thought about how I am going to build the next freeCodeCamp projects width React.
- Learned about React Hooks (95%). It makes things a lot easier and will probably be the preferred way to handle state in React in the future. Also did challenges on Scrimba.
- Finished another section (94%). Only one to go! Also did some Scrimba React challenges.
- Finished the styling section of the course! (91%). Only one short section left!
- More styling and more challenges (88%). Also did challenges on Scrimba. I am planning my next React project in my head.
- Day 70! Yay! Continued the styling (86%). No problems today. Pretty easy really.
- Got the app working again. I just couldn't let it go. I located what caused the error and commented it out. Now I am able to continue the styling.
- Tried to copy the source files to fix the application, but I didn't get it to work. Did some more styling for what did work.
- Started to style the app, but there is a lot that is not working... I think I need to use the source files to be able to continue. I have no idea where the errors are.
- YES! Finished the authentication and testing section of the course (85%. Now on to styling. It's nice to do something else than bug fixing for a while.
- Trying to finish the course. Implementing authentication and login/logout (83%).
- Home with sick child today, so I managed to do a lot of coding while she was sleeping and relaxing in front of the TV. I can't wait to finish this course and start building stuff... (82%)
- Continued the course (79%). Just one video away from finishing all the test cases!
- Not working... again. And I can't continue the course... I even downloaded the source files without luck. Did some Scrimba instead.
- Not been coding a lot today, but I've been working with responsive design, user interface and design. We sent the design to a customer. Had a lot of discussions. I felt that I contributed pretty well.
- Day 60! Yay. I should be done with the course though. But it's so dofficult.
- Stuck with a bug again... Didn't manage to solve it. Must ber a typo somewhere.
- Worked with responsive design at work. Used a lot of CSS techniques.
- Setup of new Firebase Database test server (78%). Jest, Webpack, testing... it's not the most fun stuff I've been doing. But I see why it's important. I'm just unsure about the add-ons. With so many plugins, there has to be so much to keep up to date? Security issues? Need to learn more about this.
- Made a new web page at work. Used a lot of flexbox.
- I fixed all the problems and managed to continue the course (77%).
- Got a little time off at work today, so I did some coding in the Scrimba course.
- I just had to take a break from the Udemy course and all the test cases. As mentioned yersterday I can't push to Git, and there is a bug in my test case. So today I spent about three hours doing the React Course on Scrimba. Nice repetition. I actually do remember quite a bit!
- When trying to push to Git today, I was suddenly told that there was no place to push to... so I spent a lot of time trying to solve it, without luck. Need to continue tomorrow. Arg! So many bugs and errors slowing me down. But it's not a sprint. It's a marathon...
- More bugs, error fixing and installing even more libraries: react-mock store to create a mock store to test against.
- The testing brings sooo much bugs! Arg! Driving me crazy. But I'll continue tomorrow.
- Continued learning about Firebase (76%).
- Started a new section; integrating Redux with Firebase. Pretty complex.
- Continued learning about Firebase (74%). Learned that Firebase does'nt support arrays, so we have to work with objects instead.
- Continued learning about Firebase (74%). It's super fun. I've been looking forward to learning about connecting to a database. It's simple enough at this point. Seems like a perfect match for React and Redux.
- Day 50! Yay. Firebase is pretty cool (71%). I spent a lot of time again fixing bugs and getting Git to work. This has become a bug galore. But I've managed to fix them. Thats good.
- Finished the Deploying section and started the Firebase section (70%). Adding a server from Google. That's cool! I've wanted to learn to use databases for a long time.
- Did a challenge in the morning. Didn't have so much time today. But did another video.
- Was stopped by some Git error again... but solved it (69%). It takes so much time from the coding. But I guess it's good learning anyway.
- Finished responsive web page at work.
- Fixed the bug and managed to continue the course.
- A lot of webdesign at work. Mostly making a webpage responsive.
- I am still on the same video. Spent all evening trying to solve a build bug with Heroku. I didn't manage to solve it.
- Did a lot of Flex box and webdesign at work.
- Got positive feedback from customer. That's always nice.
- Continnued the course (67%). Learned to create separate CSS files and setting up a production web server with Express. The last part failed, and I did not manage to fix it. I will continue tomorrow.
- Learned about Git and production and developement using Webpack (66%). This is also very complicated. I guess most things are, when you don't know them. So got to keep on...
- Managed to turn the unhappy customer happy again.
- Finished the testing section and moved on to the deploying section (65%). At this point it feels like I've forgotten everything about React. I will probably need to start this course all over again. That tells me I'm going about this the wrong way, again. But for now I will stick to the plan. Im soon done, and then I'll start building stuff.
- Doing advanced testing of components (62%). This is getting very challenging. I do not think I will be able to do the last test challenge.
- Day 40! Yay!
- Finished the React and Redux section on fCC! Now there is five challenges waiting. That's going to take some time. I need to build it with React and Redux if I manage.
- Studied my Anki cards.
- A lot more testing (61%). I'm struggeling to keep up. But I will go on. I will finish this. Learned about a lot of other methods and tools.
- Bought a React course on Scrimba to check out the service. Looks exciting. But at the same time I realise that I may be in tutorial hell. I new to build stuff... Damn, I sound like a broken record.
- Delivered the webpage to the client for approval today. Still more work to be done though.
- Continued the course (60%). I can't believe all the additional libraries that we should use with React. This projects gets so big and complex. I really don't know if I will ever be able to use any of it. But at least it gives me a better overview of how it all connects.
- More CSS, HTML and Flexbox at work.
- These test videos sure are long and complicated (59%). I also got a lot of bugs to fix today. At least I am searching through code and interacting with it. I managed to fix it all in the end.
- Started to test components.
- And even more CSS and HTML at work. Also some javascript. Mostly about relocating elements that the CMS generated into other elements that I created to be able to get the layout I wanted.
- More nasty bugs all over the place! My test cases keep failing. After reading about it in this sections comment field I found the answer. I could finally continue to the next video (57%).
- Did a lot of CSS and Flexbox at work.
- Spent most of today trying to fix a bug. I couldn't figure it out, so I had to copy the source material.
- Did one more lesson (57%).
- I spent most of my coding session trying to solve challenges and then trying to solve a bug. I just can't understand why my Jest breaks. I'll try again tomorrow.
- Studied my Anki cards.
- More Jest in the React course (56%). Pretty complex, but quite fun. I didn't expect that. Long videos and a lot of challenges that takes time.
- Did a lot of flexbox at work today. It's really fast and fun when you get the hang of it. It so much more flexible and smooth compared to floats and positioning.
- Learned about Jest in the React course (56%). That was exciting. Now I understand a little more about testing. Will be interesting to continue.
- Finished the filtering, the word search, click to open functionality and layout on a webpage project at work.
- Learned about Redux developer tool and did some more filtering in the React course (55%).
- Finished the filtering at work as well. I got all the features working. Now all that is left is to add word search on top of that.
- 30 days! I'm happy about that. At the same time I am really scared about how much I suck, again, after all this time. But I guess it just has to do with exposure. I guess I am learning even though I feel like the worst programmer in the world.
- Continued the course, setting up Redux (53%). Got stuck again with an error. Trying to locate it.
- Did some filtering at work. Filtered DOM-elements and re-rendered them.
- Continued the React course working with moment.js and Airbnbs React date picker (53%). It went well for a while, but suddenly I got a huge error, and everything stopped working. It was a typo of course. So I fixed it and went on.
- Started the Redux and React challenge on fCC. Got stuck.
- Studied Anki cards.
- Continued connecting React and Redux (52%). I will never remember any of this. And that is maybe not the point. I guess I should use this course as a reference when needed. I notice that doing React stuff is so many lessons ago that I am starting to forget. Maybe I should do the courses in parts, and build stuff between the sections. But then I am afraid that I forget what I was doing when jumping back in. I will do this whole course now, and reflect on it then.
- Finished Redux challenges in fCC.
- Connecting React and Redux. This is starting to get super complicated! I am now 50% into the course. If I continue this pace, I will be done when I am half way in round 4 of #100DaysOfCode. I will spend those 50 days on building my own stuff with what I've learned.
- Did a couple of fCC challenges.
- Studied my Anki cards.
- Started a new section in the Udemy React course. Grinding on! Will now connect React and Redux.
- Studied Anki cards.
- Set up a Programming Wiki in Notion.
- Happy Halloween! Finished the section on Redux in isolation in the Udemy React course (48%). Next up, the React and Redux will be put together. I think I got a good understanding of Redux, I just need to use it in projects to learn it better.
- Studied my Anki cards.
- Started gathering programming resources in Notion. I think I will make the switch from OneNote.
- Learned a lot more about Redux reducers and actions and combining reducers in the Udemy React course (46%).
- Struggled a lot with javascript filtering in a project at work. I did something even more advanced a month ago, but it all seems to be lost from my mind already. It's really not a big thing, and I should be able to solve it without much trouble. Experiencing this makes me just want to quit it all. i ended up thinking I'll never be any good at this. Let's hope it comes back to me tomorrow.
- Studied my Anki cards.
- Did some Redux challenges in fCC.
- Finished chapter 5 in Eloquent Javascript. Can't say I understood much. Very complicated examples. But I'll give the exercises a try nonetheless.
- Continued learning about destructuring and then back to Redux (45%) (which is also very difficult).
- Did a lot of Flexbox at work today.
- I was handed a layout that will require some (for me) heavy javascript programming. It's about filtering and sorting. It will be good practice. I only hope that I am able to make it work!
- Continued my React course (44%). Learned more about Redux plus destructuring.
- Did some javascript and a lot of HTML and CSS at work. That was fun. Flexbox is really beginning to stick. I work a lot faster now.
- Started the next section in the Udemy React course (43%). It is about Redux, which is a way to handle state for more complex apps.
- Did a couple of fCC Redux challenges as I was going through the Udemy course. I find that having several sources when learning something new actually helps me grasp it faster.
- Studied Anki cards.
- Day 20! YAY!
- Read a message from my friend Klara. That was sweet and encouraging.
- Finished the routing section in the Udemy React course (41%). It was about client side routing and setting up links. It was very cool. This way makes sites blazingly fast.
- It will be fun to try and build a web page with this technology.
- Started the next chapter in Eloquent Javascript. I have to say... that book is almost to advanced for me to read. Such complicated examples and way of explaining, but I have learned a bit from the exercises so I'll at least try a couple of more chapters.
- Started a new section in the Udemy React Course (37%). It's about routing. It seems like an advanced section, but it'll be exciting to go through it. I think I will be able to learn a lot.
- Studied my Anki cards.
- Continued the styling section of the Udemy React course (35%)
- Finished the last challenge in the Eloquent Javascript book in chapter 4. I couldn't solve it, but I was not far away from one of the solutions. The solution in the book was way over my head. It was a disappointment but I didn't let it get to me the way I did a couple of days ago.
- Started a new chapter in Eloquent JAvascript.
- Continued the styling section of the Udemy React course (33%)
- Spent most of the day trying to do the chapter challenges in Eloquent Javascript. It went a bit better today. I managed to solve some recursion challenges and I learned a lot about objects, functions and different expressions in loops.
- I spent most of the day trying to find a solution to what turned out to be a very easy exercise. I feel so stupid and I feel that I will NEVER EVER be able to do this for a living. I feel frustrated.
- Solved the first part of the first exercise in chapter 3 in Eloquent Javascript. I think I am trying to hard to find clever and smart solutions. I have to change my mindset. I have to focus on understanding what I need to do, then I need to get it done, no matter what, even if the solution is not the best or smartest or most effective. That way I will never do this...
- One positive thing that came out of this was that I learned a lot about recursion and had a couple of a-ha moments. I used recursion without looking it up.
- Answered a code question on the fCC forums and asked a question.
- Started the styling section of the Udemy React course (33%)
- I got to code during most of my workday, so I've spent many hours with programming today.
- Did fCC's React challenges again. It was obviously a lot easier the second time around and after the React course on Udemy. It was nice to get some repetition.
- Finished all the new fCC challenges in the courses I had finished before the fCC update.
- Finished another chapter in Eloquent Javascript book.
- Finished the section "using a third-party component" in the Udemy course (31%).
- Added cards to Anki, and studied for 30 minutes. I am not sure of the effect of Anki yet. I am not sure if the cards I make are good enough. I think I need to ask more open questions. It seems that I am just learning what answer belongs to what card, instead of learning and remembering what it actually says. Maybe that don't make much sense, but it's something about the context. But I guess my mind picks up something. At least I hope so.
- More webpack. I installed Babel, Source Maps and Dev server. It is just so much, and so complicated. But I see the value of it. But I will never be able to reproduce all this without following a guide, so I just work through it to get back to the React part.
- Finished the Webpack section in the Udemy React course (28%).
- Finished learning about Webpack. I find it breaks up the React learning a bit, but I'll continue on (26%).
- Learned that Webpack is about exporting and importing files and values. It seems a bit complicated.
- Learned to import third party libraries (npm modules (React and ReactDOM)).
- Read more in Eloquent Javascript.
- Added cards to Anki.
- Finished the second chapter of Eloquent Javascript.
- Did all three chapter challenges in Eloquent Javascript.
- Leaned about Webpack. Pretty complicated...
- 25% progress in the Udemy React course.
- Bought a GraphQL course on Udemy.
- Finished the Udemy React course "stateless functional component" section (23%).
- Re-watched the videos about state, props and super in classes.
- Added a lot of cards to Anki.
- I saw that there is new challenges in the new fCC. Several about recursion, which I hadden to try to figure out. That was perfect timing!
- First 10 days! Yay!
- 20% on Udemy React course.
- Studied recursion. I read about it in Eloquent Javascript, and looked up several videos to get a better understanding of it. It's a bit difficult to grasp. In short: a function that calls itself inside of the function body. Can be used as an alternative to loops.
- Added cards to Anki.
- fCC updated their pages and curriculum!
- Learned more about states and about the differences between state and props.
- Finished several challenges.
- Watched 3 Udemy React videos (19%).
- Did 3 fCC React challenges.
- Learned more about states, and learned to use it. I also finished a challenge, converting an earlier app to an app using React module and state manipulation.
- 3 more videos in the Udemy React course (17%).
- Read more about functions in Eloquent Javascript.
- Added cards to Anki.
- Finished copying all my blogposts from Hugo to Gatsby.
- Learned about events and methods and method binding in React. Binding is a bit tough to grasp, so I need to work more with that. It has to do width breaking the "this" binding in methods in the React components. To fix it we have to bind the methods using "bind()" in the constructor function. We must also call super inside the constructor.
- Learned about "state" in React. This is the way it works:
- Setup default state object.
- Component rendered with default state values.
- Change state based on event.
- Component re-rendered using new state values.
- Start again at 3.
- Watched 4 videos in the Udemy React course (16%).
- Learned about React components, nesting components and component props. Very fun and interesting way to build an app. Starting to get advanced though. I repeated sections of several videos to understand the different consepts.
- Watched 3 videos in the Udemy course (14%).
- Did 9 freeCodeCamp React challenges.
- Started a new chapter in Eloquent Javascript.
- Added cards to Anki.
- Learned about lists in Computer Science.
- Learned about classes and template strings in JS again. Useful when continuing React.
- Did some JS class challenges.
- Did more Udemy React videos (12%).
- Learned about binary (bit, byte) and hexadecimals.
- Did all three challenges from chapter one in Eloquent Javascript.
- Did a "Build it" challenge in the Udemy React course.
- Discovered and started to listen to the podcast "baseCS".
- Added cards to Anki.
- Finished a couple of videos in the Udemy React course (10%).
- Copied over more blog posts to new blog.
- Events and attributes, arrays, forms and data binding in the React course from Udemy (9%).
- Added a lot of cards in my Anki decks.
- Did some simple React challenges.
- Copied over more blog posts.
- Listened to episodes of Syntax.
- Read in Eloquent JavaScript book.
- Recap of ES6 functions (Udemy React Course): const, let and arrow functions.
- Added a lot of cards in my Anki decks.
- Did some simple ES6 challenges.
- Copied over more blog posts.
- Learned about JSX. The template must return a single element.
- Learned ReactDOM.render(JSX, targetNode).
- Finished a couple of videos in the React course.
- Finished six freeCodeCamp React challenges.
- Added cards in my React deck in Anki.
- Started copying content from Forestry to Contentful.