#100DaysOfCode
Day 1.
Started a new project. Building a company home page with Flexbox.
Day 2.
Still working on the company home page. Completed the header and banner sections. All Flexbox. Tweaking CSS for the main content section - also done with Flexbox. Have not coded the footer.
Day 3.
Here's the "Company Home Page" project. I am not married to the color scheme. Primary goal was to build with Flexbox. Still making tweaks (clean code, breakpoints, etc.). Rotate your screen on mobile.
Day 4.
Re-engineered the navigation for the company home page website. Also re-examined the code for cleanup and tweaked media rules to change the page layout and behavior appropriately based on size breakpoints. Next project will involve building a responsive club group website.
Day 5.
Started the responsive club group website. Coded and styled the header and banner. Nothing else thus far. Repurposed a good amount of code from the company home page website. Goal is to incorporate imagery and demonstrate responsive design concepts (media queries, em, and rem, etc.). Also tweaked code for the company home page website.
Day 6.
Tweaked the navigation. Having issues with the MENU button display on mobile. Added a main content section which includes text, a photo grid, & a contact us form. Added footer. Images provided by pexels. Image compression provided by tinypng. Rotate your screen on mobile. Disclaimer: RWC is a fictional company.
Day 7.
Introduction to JavaScript.
Day 8.
More of the same. Reading more about JavaScript on MDN Web Docs.
Day 9.
console.log('Learning JavaScript syntax');
Day 10.
let challenge = 9;
challenge++;
console.log(challenge);
Day 11.
Converting Kelvin to C°, then to F°.
// Create a variable named Kelvin, and set it equal to 293
const kelvin = 293;
// Celsius is 273 degrees less than Kelvin - Convert Kelvin to Celsius
const celsius = kelvin - 273;
// Calculate Fahrenheit
let fahrenheit = celsius * (9 / 5) + 32;
// Round down the Fahrenheit temperature
fahrenheit = Math.floor(fahrenheit);
// Use console.log and string interpolation to log the temperature in Fahrenheit to the console
console.log(`The temperature is ${fahrenheit} degrees Fahrenheit.`);
Day 12.
Converting "human years" to "dog years"
const myAge = 33;
let earlyYears = 2;
earlyYears *=10.5;
let laterYears = myAge - 2;
laterYears *=4;
console.log(earlyYears);
console.log(laterYears);
let myAgeInDogYears = earlyYears + laterYears;
let myName = 'Lonzell Fogle'.toLowerCase();
console.log(`My name is ${myName}. I am ${myAge} years old in human years which is ${myAgeInDogYears} years old in dog years.`);
Day 13.
If Statement // If…Else Statements
let sale = false;
if (sale) {
console.log('Time to buy!');
}
let sale = true;
sale = false;
if(sale) {
console.log('Time to buy!');
} else {
console.log('Time to wait for a sale.');
}
Day 14.
Comparison Operators (<, >, <=, >=, ===, !==)
let hungerLevel = 7;
if (hungerLevel > 7) {
console.log('Time to eat!');
} else {
console.log('We can eat later!');
}
Day 15.
Logical Operators (&&, ||, !)
let mood = 'sleepy';
let tirednessLevel = 6;
if (mood === 'sleepy' && tirednessLevel === 6) {
console.log('time to sleep');
} else {
console.log('not bed time yet');
}
Day 16.
Truthy and Falsy (0, "" or '', null, undefined, NaN)
let wordCount = 3;
if (wordCount) {
console.log("Great! You've started your work!");
} else {
console.log('Better get to work!');
}
Truthy and Falsy Assignment
let tool = 'marker';
let writingUtensil = tool || 'pen';
console.log(`The ${writingUtensil} is mightier than the sword.`);
Day 17.
Ternary Operator
let isLocked = false;
isLocked ? console.log('You will need a key to open the door.') : console.log('You will not need a key to open the door.');
Day 18.
Else If Statements
let season = 'summer';
if (season === 'spring') {
console.log('It\'s spring! The trees are budding!');
} else if (season === 'winter') {
console.log('It\'s winter! Everything is covered in snow.');
} else if (season === 'fall') {
console.log('It\'s fall! Leaves are falling!');
} else if (season === 'summer') {
console.log('It\'s sunny and warm because it\'s summer!');
} else {
console.log('Invalid season.');
}
Day 19.
The switch keyword
let athleteFinalPosition = 'first place';
switch (athleteFinalPosition) {
case 'first place':
console.log('You get the gold medal!');
break;
case 'second place':
console.log('You get the silver medal!');
break;
case 'third place':
console.log('You get the bronze medal!');
break;
default:
console.log('No medal awarded.');
break;
}
Day 20.
Magic Eight Ball Project