Paul Subingsubing

Coding bootcamp graduate on a journey to refresh what I have learned, continue learning new concepts, and hopefully begin a career as a frontend web developer.

[Paul Subingsubing @p_subingsubing]

Day 27 of #100DaysOfCode

Jumping back into @andrew_j_mead Complete #React Developer Course by finishing up section 5. Nice place to not just refresh about stateless components, but also to delve deeper into functional components, lifecycle methods, & local storage

[Paul Subingsubing @p_subingsubing]

Day26 #100DaysOfCode

Finished up section 4 of @andrew_j_mead Complete #React Developer Course. Nice place to refresh everything that I had learned about React. Looking into if it is possible to have multiple stateful components, and when to do so.

[Paul Subingsubing @p_subingsubing]

Day25 #100DaysOfCode

Continued the Complete #React Developers Course by @andrew_j_mead. Focused on what state is, how to add it to the app, and the difference between passing a function or an object in this.setState.

[Paul Subingsubing @p_subingsubing]

D23&24 #100DaysOfCode

Forgot to update because I was making my sourdough starter, which I named Mary Cherry. But on
D22: Started #React Components by @andrew_j_mead, focused on detailing the connection between ES6 and React.
D23: continued detailing how components are connected

[Paul Subingsubing @p_subingsubing]

D22 #100DaysOfCode
Finished up Section 3 of Complete #React Developer Course by @andrew_j_mead. Enjoying that I am understanding the general steps to build the apps, but also keeping note of the differences from the react apps I built at bootcamp in order to look further into it

[Paul Subingsubing @p_subingsubing]

Day 20&21 #100DaysOfCode

Got busy baking a pie and quiche, but I got to start The Complete #React Developer Course on #udemy by @andrew_j_mead.
Spent the first day watching the videos on JSX and the next on ES6 arrow functions & event handlers. Nice refresher on all concepts.

[Paul Subingsubing @p_subingsubing]

Day19 #100DaysOfCode

Finished up @wesbos #whattheflexbox lessons:
18: equal height column & leftover elements
19: single line form
20: Create a mobile app layout

Gonna spend the weekend thinking of how to implement this & cssgrid on my portfolio site while I make pies & bao.

[Paul Subingsubing @p_subingsubing]

Day 18 #100DaysOfCode

Continued with @wesbos #whattheflexbox lessons:
15-mobile content reordering
16-nesting flexbox for vertical and horizontal centering
17-flexbox pricing grid

Getting a better understanding of how to use #flexbox now.

[Paul Subingsubing @p_subingsubing]

Day 17 #100DaysOfCode

Followed along with @wesbos #whattheflexbox lessons:
11 - flex-grow, flex-shrink, and flex-basis
12 - how flex-bais and wrapping work together
watched 13 - cross browser flexbox support and autoprefixer
14 - pure flexbox navigation code along

[Paul Subingsubing @p_subingsubing]

Day 16 #100DaysOfCode

Got sidetracked b/c I was living in a #housewithnofloorsorkitchen, then #coronavirushappened. Restarting
@wesbos
#whattheflexbox:
Alignment and centering:
6:justify-content
7:align-items
8:align-content
9:align-self
and
10:Flexbox sizing w/flex property

[Paul Subingsubing @p_subingsubing]

Day 16 #100Days

Got sidetracked b/c I was living in a #housewithnofloorsorkitchen, then #coronavirushappened. Restarting @wesbos #whattheflexbox:
Alignment and centering:
6:justify-content
7:align-items
8:align-content
9:align-self
and
10:Flexbox sizing with the flex property

[Paul Subingsubing @p_subingsubing]

Day 15 #100DaysOfCode

Started @wesbos #whattheflexbox courses.
2: Introduction
3: Working with Flexbox flex-direction
4: Wrapping elements with flexbox
5: Flexbox ordering

And before that I did #codewars #kata "No oddities here"

#flexbox

[Paul Subingsubing @p_subingsubing]

Day 14 #100DaysOfCode

Finished up @wesbos CSS Grid course.
21: Flexbox vs CSS Grid
22: Recreating Codepen
23: Bootstrappy Grid with CSS Variables
24: Responsive Website
25: Full Blog Layout

Had a lot of fun learning about #cssgrid and #css in general.

#griddyup

[Paul Subingsubing @p_subingsubing]

@cjaredm @wesbos i'm learning so much so it is good to hear how much you are using it.

[Paul Subingsubing @p_subingsubing]

Day 12 #100DaysOfCode

Worked on @wesbos CSS Grid courses:
"Spanning and Placing Cardio",
"auto-fit and auto-fill",
"Using minmax() for Responsive Grids",
"Grid Template Areas",
& "Naming Lines in Css Grid"

#griddyup #cssgrid

[Paul Subingsubing @p_subingsubing]

Day 13 #100DaysOfCode

Completed @wesbos CSS Grid lessons:
16: grid-auto-flow dense Block Fitting
17: CSS Grid Alignment + Centering
18: Re-ordering Grid Items
19: Nesting Grid with Album Layouts
20 CSS Grid Image Gallery

#griddyup #cssgrid

[Paul Subingsubing @p_subingsubing]

Day 11 #100DaysOfCode

Got back on @wesbos CSS Grid courses with "Placing Grid Items" after I reviewed my notes from @flaviocopes #csshandbook to prepare.

#griddyup

[Paul Subingsubing @p_subingsubing]

Day 10 #100DaysOfCode

Finished up @wesbos #javascript30 with "Whack a Mole Game." Really fun lesson! All the challenges were really helpful towards reviewing the subject and learning new concepts I haven't come across. Moving on to #cssgrid and #whattheflexbox.

[Paul Subingsubing @p_subingsubing]

Day 8 #100DaysOfCode

Completed @wesbos #javascript30 "Countdown Clock"

Day 9: seemed like I was running late all day so I only reviewed my notes on #javascript #html and #css

[Paul Subingsubing @p_subingsubing]

Day 6 #100DaysOfCode

#javascript30 "Click and Drag to Scroll"

Day 7: "Video Speed Controller UI"