Vince Caldwell @vince_webdev

Software Developer #100DaysOfCode Stuart, FL Joined June 2020

Tweets

472
Followers

223
Following

384
Likes

698

Vince Caldwell @vince_webdev

4 years ago

🎉🎉Day 100 of 100: #100DaysOfCode 🎉🎉 Advanced CSS/SASS -->review of Responsive Design Principles 1)Fluid layouts 2)Responsive Units 3)Flexible Images 4)Media Queries -->review of layout types: Float layouts, Flexbox, CSS Grid -->:not pseudo class(will apply style to all but)

0 3 2 0 0

Vince Caldwell @vince_webdev

4 years ago

Day 99 of 100: #100DaysOfCode Advanced CSS/SASS -->Converting project to 7-1 pattern --> built the folders: abstracts, base, components, layout, and pages (not using themes or vendors, yet) -->Transferred code from main.scss into all the folder, created files where necessary;

2 3 5 0 0

Vince Caldwell @vince_webdev

4 years ago

Day 98 of 100: #100DaysOfCode Advanced CSS/SASS -->Sass syntax VS SCSS syntax (with brackets) -->Nesting with & (path of enclosing selector) -->using mixins, function and Extends in practice -->Brief review of command line -->installing node-sass -->install/use live-server

0 1 5 0 0

Vince Caldwell @vince_webdev

4 years ago

Day 97 of 100: #100DaysOfCode Advanced CSS/SASS -->What is Sass? (css preprocessor, ext of css) Sass source code-->Sass compiler-->compiled CSS code -->Overview of Sass features: Variables, Nesting, Operators, Partials and imports, Mixins, Functions, Extends, Control directives

0 6 2 0 0

Vince Caldwell @vince_webdev

4 years ago

Day 96 of 100: #100DaysOfCode Advanced CSS/SASS -->THINK: Component-Driven Design -->BUILD: Block Element Modifier (BEM) -->ARCHITECT: The 7-1 Pattern -->Converted current project over to BEM, converted all px's to rem with root as % (not to override with px) -->Next into Sass

0 2 3 0 0

Vince Caldwell @vince_webdev

4 years ago

Day 95 of 100: #100DaysOfCode Advanced CSS/SASS -->Visual Formatting model -->The Box Model (margin, padding, width, height, border and content) -->Box Types (block, inline, inline-block) -->Positioning Schemes (normal, floats, absolute positioning) -->Stacking Contexts (layers)

0 3 6 0 0

Vince Caldwell @vince_webdev

4 years ago

Day 94 of 100: #100DaysOfCode Advanced CSS/SASS -->CSS Parsed Part 3: Inheritance (*Passes computed value to child , NOT declared value) -->Converting px to rem; using % at the root level, rem at lower level (below <html> tag) for responsive management -->Global resets with *{}

0 1 4 0 0

Vince Caldwell @vince_webdev

4 years ago

Day 93 of 100: #100DaysOfCode Advanced CSS/SASS -->CSS Parsed Part 2: Value Processing 1) Declared Value--> 2) Cascaded Value--> 3) Specified Value--> 4) Computed Value--> 5) Used Value--> 6) Actual Value -->Unit Conversion (%, em, rem, vh, vw) -->Inheritance (computed value)

0 2 1 0 0

Vince Caldwell @vince_webdev

4 years ago

Day 92 of 100: #100DaysOfCode Advanced CSS/SASS -->CSS behind the scenes (in-depth) -->CSS Object Model(CSSOM) -->CSS Parsed Part 1: Cascade (Process of combining diff style sheets and resolving conflicts) -->Importance > Specificity > Source Order -->Specificity calculations

0 4 3 0 0

Vince Caldwell @vince_webdev

4 years ago

Day 91 of 100: #100DaysOfCode Advanced CSS/SASS -->How CSS Works(behind-the-scenes) -->3 pillars of writing good HTML/CSS Review 1) Responsive Design (One design for all screens/viewports) 2)Maintainable/scalable code 3) Web Performance(make faster and smaller in size)

0 4 3 0 0

Vince Caldwell @vince_webdev

4 years ago

Day 90 of 100: #100DaysOfCode Advanced CSS/SASS -->Continued Header build with adding keyframes and animations -->reviewed pseudo classes- :link, :visited, :active, :hover and ::after -->animation-fill-mode (values are applied by the animation outside the time it is executing)

1 4 4 0 0

Download Image

Vince Caldwell @vince_webdev

4 years ago

Day 89 of 100: #100DaysOfCode -->Need refresh to help with app -->starting @jonasschmedtman Advanced CSS/SASS course through @udemy -->started first project code-along, building landing page -->Creating header element with styles: clip-path, transform/translate and transition

0 1 2 0 0

Vince Caldwell @vince_webdev

4 years ago

Day 88 of 100: #100DaysOfCode Course Wrap up/Completion -->JS wrap up/concepts review -->Completed @AndreiNeagoie JS: Advanced concepts course from @udemy -->Next, I've been planning a web app I would like to build, but still in brainstorm. In meantime working on some CSS/SASS

2 4 8 0 0

Vince Caldwell @vince_webdev

4 years ago

Day 87 of 100: #100DaysOfCode Data Structures in JS cont -->Hash Tables VS Arrays -->Hash Table Review Pros--> Fast lookups, Fast inserts, Flexible Keys, can improve time complexity Cons --> Unordered, slow key iteration -->Solved common interview question: First recurring char

0 3 0 0 0

Vince Caldwell @vince_webdev

4 years ago

Day 86 of 100: #100DaysOfCode Data Structures in JS cont... -->brief look at Hash tables in different languages (Python=dictionary, Java= maps, Ruby = hashes) -->JS: Maps (allows you to store and object with any data type as the key) -->JS: Sets( only stores the keys, no values)

1 2 4 0 0

Vince Caldwell @vince_webdev

4 years ago

Day 85 of 100: #100DaysOfCode Data Structures in JS cont... -->Hash Tables intro (JS == objects) -->Hash Functions (function that generates a value of fixed length for each input it gets) -->Hash Collisions (when data stored in same address space) -->Linked Lists

0 3 1 0 0

Vince Caldwell @vince_webdev

4 years ago

Day 84 of 100: #100DaysOfCode Data Structures in JS cont... -->Another day to focus on Arrays -->Pros(Fast lookups, fast push/pop, ordered) VS Cons(slow inserts, slow deletes, fixed size(if static)) -->completed common interview question: reverse a string and merge sorted arrays

0 4 5 0 0

Vince Caldwell @vince_webdev

4 years ago

Day 83 of 100: #100DaysOfCode Data Structures in JS cont... -->Array intro section -->Static vs Dynamic Arrays -->Implementing Arrays -->Strings and Arrays section

1 5 2 0 0

Vince Caldwell @vince_webdev

4 years ago

Day 82 of 100: #100DaysOfCode Data Structures in JS -->Section overview and review of what is a data structure (Linear, Trees, Hash-based, Graphs) -->How computers store data -->Data structures in different languages -->Operations on Data Structures