Giter Site home page Giter Site logo

code100's Introduction

100 Days of Code (April 17, 2018 - August 4, 2018)

This is a record of my 100 Days of Code. The following links are for projects I worked on during the challenge.

Projects

Daily Log

Day 1-11: Finished final project and course work for Zero to Mastery Web Development course.

Day 12: Finished the splash page for the new version of the website.

Day 13: Tweaked the font color on splash page, made line a brighter white. I also planned out a Material Kit version with skills, projects, and contact section.

Day 14: Got the About section mostly finished.

Day 15: Cleaned up Github repositories, updated a few.

Day 16: Made a lot of mockups, made the mobile version of the splash page look better.

Day 17: Made the front-end of the contact form.

Day 18: Completed the back-end for the contact form. New Website is temporarily live. Need to finish projects section.

Day 19: Working on project information/mockups.

Day 20: Optimized resume with new information, tested for mobile and desktop.

Day 21: Optimized swiper, quote generator. Got mockups for everything except for cryptoticker.

Day 22: Re-made cryptoticker, finished mock-ups for project section, added titles to icons, wrote project descriptions.

Day 23: Optimized contact thank-you page, cleaned up website code and uploaded to Github.

Day 24: Fixed a bug with social icons being the wrong size on the footer.

Day 25: Learning about Wordpress and Stripe.

Day 26: Completed Animated Triangles for the Codepen Swiper.

Day 27: Modified Particles and Asteroids Codepens, refined Quote Generator buttons, added titles to Github links.

Day 28: Added new pens and all-new icons to Codepen Swiper. Tried to improve user experience with titles.

Day 29: Re-did swiper mockups, added redux to Robofriends app.

Day 30: So busy making a responsive site that I forgot to post about it. Womp Womp, second time that's happened.

Day 31: Spent about 10 hours working on the site today, made it mostly responsive, but couldn't figure out AJAX calls.

Day 32: Re-attempted the JQuery to connect the database.

Day 33: Jacinto Design: Fixed breakpoints for tablets.

Day 34: Forgot to update this again, but believe me I was coding, working on the responsive site.

Day 35: Finished the responsive site, including AJAX call.

Day 36: Uploaded responsive site to Github. Created new and unique resume with icons/links to online resume etc.

Day 37: Began creating an entry for Coding Challenge 5.

Day 38: Learned about SSH and set up a server with it. Also linked to my Github through SSH. Refined Coding Challenge 5.

Day 39: Learned about Critical Render Path optimization. Worked a little on CC5.

Day 40: Finished learning about optimizing for the Critical Render Path. Tomorrow I will attempt to make a website smaller.

Day 41: Worked more on CC5.

Day 42: Optimized images on my website to reduce file size by 70%. Experimented with video background.

Day 43: Had an in-person interview for a developer role. Worked on CC5.

Day 44: Updated Github Readmes and finished coding challenge 5.

Day 45: Optimized images and video for CC5 and added it to my website.

Day 46: Learned about code splitting/routing in a react project.

Day 47: Explored codepen and thought about new ideas for next project.

Day 48: Turned Robofriends into a Progressive Web App.

Day 49: Ran unit tests on Robofriends using Jest.

Day 50: Added unit tests to Robofriends repository, improved JacintoDesign score on Lighthouse.

Day 51: Worked with Typescript, had two phone interviews for developer positions.

Day 52: Learned how to do SSR and the difference between CSR. Started learning about injections as well.

Day 53: Learned more about security, including logging, data management, and authentication.

Day 54: Added multiple face detection to smart brain app.

Day 55: Forgot to update README for the third time, haha. Started learning about Docker.

Day 56: Got Docker setup on Windows and began working with containers.

Day 57: Finished learning about Docker Compose and set up Redis on Windows after much effort.

Day 58: Worked on incorporating sessions in the Smart Brain app.

Day 59: Worked on learning animations wiith Grasshopper. Forgot to update again.

Day 60: Finished animation section part 1 in Grasshopper app.

Day 61: Started animation section part 2 in Grasshopper app.

Day 62: I am planning out how to get more done on my projects.

Day 63: Took a break.

Day 64: Got Docker running again, but couldn't figure out the undefined error I was getting.

Day 65: Re-made a video background page with my PC video.

Day 66: Last day in the Dominican/flight home, so took another break.

Day 67: Prepared for first day at the new job, did some hardware research as well.

Day 68: Prepared some more for starting the new job tomorrow!

Day 69: First day as a Senior Web Developer at CBC! Mostly just watched training videos, but also got a Macbook Pro to work on!

Day 70: Second day on the job, set up Parallels to run Windows 10 Pro on the Macbook and got VS set up.

Dy 71: Third day, and I set up my terminal and started learning about Angular, also set up my SSH key.

Day 72: Fourth day and I sat in on some SEP meetings, and am 60% of the way through the Angular course.

Day 73: Fifth day on the job, and I am 80% of the way through the Angular course, also learned how to build a project in Visual Studio.

Day 74: Drafted two posts on Medium, about 100 Days of Code and Becoming a Senior Developer in 4 Months.

Day 75: Took a break on Canada Day because it was too hot to think.

Day 76: Still too hot to think, will add some extra days at the end.

Day 77: Learned a lot more about the Angular CLI.

Day 78: Finished module about the Angular CLI.

Day 79: Did several Sketch tutorials, backed up my Windows Parallel as well.

Day 80: Continued learning tutorials through Sketch, built a Creative Tim Angular Dashboard.

Day 81: Brainstorming for course on design and development.

Day 82: Continued brainstorming for the course.

Day 83: Continued working on Sketch tutorials and then looked at some CSS animations.

Day 84: Missed updating, but figured out a way to put a bootstrap carousel inside a card deck.

Day 85: Examined unique dropdown menu options.

Day 86: Began putting together the mockup for my prosposed changes to the project, Finished second Medium article.

Day 87: Finished putting together the mockup for the project.

Day 88: Spent time planning for design and development course.

Day 89: Updated online resume, planned out 4 sections for the course with detailed outlines.

Day 90: Worked on pre-planning for mock-up for project. Wrote a little more for the course.

Day 91: Created Trello board which helped map the rest of the mock-up components. Started prototyping as I'm going.

Day 92: Completed writing course outline for design and development.

Day 93: Continued prototyping project UI in Sketch.

Day 94: Finished Mock-up prototyping in Sketch and presented it to my project manager.

Day 95: Downloaded program to test screen capture for the course, did test recordings.

Day 96: Put all tasks for making the course on a Trello board.

Day 97: Conducted UX surveys and gained some good insights.

Day 98: Continued with UX surveys and began compiling ideas.

Day 99: Had a meeting about project UI/UX and created a report on it.

Day 100: I put the UX findings into an actionable plan.

Bonus Days to make up for days missed.

Day 101: Dug into the code for the project and figured out how to tweak a few things.

Day 102: Continued work on the course.

Day 103: Some more planning for the course.

Day 104: Altered more of the CSS in the project.

Day 105: Evaluated prospect of using CSS Grid and Sass for project.

Day 106: Had a meeting about changes to the project including removing Bootstrap.

Day 107: Refined CSS further in the project.

Day 108: Researched further how to make icons in Sketch.

Day 109: Began re-vamping website to be a progressive web app.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.