ebisLab / 100DayCodeChallenge

A study log of my 100 day code challenge

Home Page:https://ebislab.github.io/100DayCodeChallenge/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Welcome to my official 100 Day of Code Log.

Day 1 - 4/09/2019 - Created Full Screen Responsive Background to better understand positioning

Day 2 - 4/10/2019 - Used the concept learned from responsive background and implement to list. Images fetched from Unsplash and Pixabay. Created fixed header and implemented scrolling effect. Demo

Day 3 - 4/11/2019 - Experimenting with using input color type and assign colors to certain elements during onClick. Demo

Day 4 - 4/12/2019 - Learned pull request into GitHub and learned shortcut for doctype population

Day 5 - 4/13/2019 - Learned how to sync when working within github in one location to VS code when I got home.

Day 6 - 4/14/2019 - Practiced free codecamp curriculum, looked over do while loop.

Day 7 - 4/15/2019 - Practiced getElementsbyId;

Day 8 - 4/16/2019 - Experimenting with gradient colored border round radius button; Demo

Day 9 - 4/17/2019 - Learned how to update forked repo

Day 10 - 4/18/2019 - Learned how to create rounded tabs with :before: and :after selectors

Day 26 - 4/28/2019 - Free Code camp Profile Look up. Created an illustration via CSS. Learned that z-indexes work when you set positions to the elements.

Day 27 - 4/29/2019 - Attempted to restart profile look up challenge.

Day 28 - 4/30/2019 - Profile look up day 3;

Day 29 - 5/1/2019 - Profile look up completed; Using [Chris Ferdinandi Go Make Things RoadMap] (https://learnvanillajs.com/roadmap/) to reinforce contents. Worked on some more css art.

Day 30 - 5/2/2019 - CSS: The :after and :before selector stay in conjuction to the parent class when margins and paddings are added (to the parent class)

Day 31 - 5/7/2019 - Understanding of let and const and how they're different from var

DAY 32 5/11/2019 - Experimenting with a bootlegged version of canvas [demo] (https://codepen.io/ebizl/pen/GaqMZa);

Day 33 5/12/2019 - Experimenting with overlah: hidden

Day 34 5/13/2019 - Experimenting with follow mouse cursor for "googley-eyes"; Having a better understanding how pixels and percentages work for margins.

Day 35 5/14/2019 - Awesome resource for [display types] (https://www.w3schools.com/cssref/playit.asp?filename=playcss_display&preval=block)

Day 36 5/15/2019 - practicing mouse events in googley eyes [demo] (https://codepen.io/ebizl/pen/OYWEVZ)

Day 37 5/17/2019 - Learning about parent classes in css [demo] (https://codepen.io/ebizl/pen/VOWrVx)

Day 39 5/21/2019 - Experimenting with menu button through pure css. Learned the :not(element) selector - example :not(p) which translates to set something for all elements that are not "< p >".
Fortified knowledge on media queries.

Day 40 5/22/2019 - Expanded knowledge on media queries and max-width sizes. Learned about brief documents and how they must be followed strictly as they are requirements.

Day 41 5/24/2019 - Learned some more things about git in terminal. Learned how to configure account settings when switching to different account through git config --global user.email and git config --global user.name

Day 42 5/28/2019 - # [checkbox:checked] Learned about display: inline-block as a previous alternative to display: flex;

Day 43 6/1/2019 - Learned - [x]; checked # [☑] ✅

Day 44 6/2/2019 - Pull request

Day 48 6/6/2019 - Solidifying on pull requests

Day 51 6/11/2019 - Closures and Callbacks

Day 55 6/17/2019 - DOM manipulations

Day 56 6/18/2019 - Form validation

Day 57 6/19/2019 - worked with querySelectors and practiced on several different event listeners. Day 59 6/21/2019 - Built a current date generator and included it in [Lambda Sprint Challenge] (http://htmlpreview.github.io/?https://github.com/ebisLab/Sprint-Challenge-Applied-Javascript/blob/eunice-baiden/index.html)

Day 60 6/21/2019 - Practiced event listeners with wordpress page.

Day 61 6/22/2019 - Built an event listener slider mp3 player to control playback rate DEMO

Day 62 6/28/2019 - Reusable component section added in replate app landing page DEMO

Day 63-68 7/4-9/2019 - Colors array - DEMO Day 69 - 7/10/2019 Refactored components using createElement methods

Day 70 - 7/11/2019 Apperently InnerHTML is unsecured way of passing data into the page. It's best to use textContent

Day 76 7/19/2019 Learned about Semantic Ui, and incorporated grid display and grid display column

Day 82 7/25/2019 Exposed to dark mode and useLocalStorage in browser

Day 88 8/2/2019 Hooks functional component build week project Day 91 8/5/2019 class components todo app that adds, deletes class with completed toggled class.

Day 93 8/7/2019 Form Validation via Axios, and Yup and Formik

Day 95 8/8/2019 Testing Web Applications - Jest testing on function

  • Unit Testing
  • Integration testing
  • end-to-end testing

Day 103 8/16/2019 Axios .POST & .GET requests with Redux application


About

A study log of my 100 day code challenge

https://ebislab.github.io/100DayCodeChallenge/

License:MIT License


Languages

Language:HTML 100.0%