Skip to content

Tom Yates - Bootcamp Solutions #94

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
tyates-sv wants to merge 5 commits into
base: master
Choose a base branch
from
Open

Tom Yates - Bootcamp Solutions #94

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
5429699
Tom Yates - Bootcamp Solutions
tyates-sv Nov 1, 2022
89d7a4b
Completed CSS section
tyates-sv Nov 2, 2022
f4fb953
First 5 JavaScript tasks
tyates-sv Nov 2, 2022
ef21c29
Added last JavaScript task
tyates-sv Nov 3, 2022
4561bf8
Grid and flex tasks completed
tyates-sv Nov 3, 2022
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
9 changes: 9 additions & 0 deletions .vs/VSWorkspaceState.json
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,9 @@
{
"ExpandedNodes": [
"",
"\\Week 1.1 - HTML",
"\\Week 1.1 - HTML\\1. Build a Form"
],
"SelectedNode": "\\Week 1.1 - HTML\\1. Build a Form\\index.html",
"PreviewInSolutionExplorer": false
}
Binary file added .vs/cms-bootcamp/FileContentIndex/70c15e44-17e9-473d-96f7-b052908eedb1.vsidx
View file
Open in desktop
Binary file not shown.
Empty file added .vs/cms-bootcamp/FileContentIndex/read.lock
View file
Open in desktop
Empty file.
Binary file added .vs/cms-bootcamp/v17/.suo
View file
Open in desktop
Binary file not shown.
Binary file added .vs/slnx.sqlite
View file
Open in desktop
Binary file not shown.
8 changes: 7 additions & 1 deletion Week 1.1 - HTML/1. Build a Form/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,13 @@
</head>
<body>

<!-- Add your code here -->
<form action="/login" method="post">
<label for="email">Email</label>
<input type="email" name="email" required>
<label for="password">Password</label>
<input type="password" name="password" required>
<button>Sign up</button>
</form>

</body>
</html>
8 changes: 7 additions & 1 deletion Week 1.1 - HTML/2. Create a Responsive Image - Resolution/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -24,7 +24,13 @@
</head>
<body>

<!-- Add your code here -->
<picture>
<source media="(min-width: 1800px)" srcset="https://via.placeholder.com/2000x900">
<source media="(min-width: 1440px)" srcset="https://via.placeholder.com/1600x720">
<source media="(min-width: 1024px)" srcset="https://via.placeholder.com/1200x540">
<source media="(min-width: 640px)" srcset="https://via.placeholder.com/800x360">
<img src="https://via.placeholder.com/400x180" alt="A grey rectangle">
</picture>

</body>
</html>
8 changes: 6 additions & 2 deletions Week 1.1 - HTML/3. Create a Reponsive Image - Aspect Ratio/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -13,7 +13,7 @@
html {
margin: 0;
padding: 0;
}
}

img {
display: block;
Expand All @@ -24,7 +24,11 @@
</head>
<body>

<!-- Add your code here -->
<picture>
<source media="(min-width: 1024px)" srcset="https://via.placeholder.com/1600x720">
<source media="(min-width: 640px)" srcset="https://via.placeholder.com/1200x900">
<img src="https://via.placeholder.com/540x800" alt="A grey box">
</picture>

</body>
</html>
71 changes: 67 additions & 4 deletions Week 1.1 - HTML/4. Mock Up a Design/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,8 +6,71 @@
<title>Mock Up a Design</title>
</head>
<body>

<!-- Add your code here -->

<nav>
<ul>
<li>
<a href="#"></a>
</li>
<li>
<a href="#"></a>
</li>
<li>
<a href="#"></a>
</li>
<li>
<a href="#"></a>
</li>
<li>
<a href="#"></a>
</li>
<li>
<a href="#"></a>
</li>
<li>
<a href="#"></a>
</li>
<li>
<a href="#"></a>
</li>
<li>
<a href="#"></a>
</li>
<li>
<a href="#"></a>
</li>
<li>
<a href="#"></a>
</li>
<li>
<a href="#"></a>
</li>
</ul>
</nav>
<main>
<section>
<section>
<h2>Phase 4:</h2>
<h1>Destination Thrive</h1>
<h3>Objective: Create omni-channel synergy</h3>
<p>This is the time to fully leverage your hard work and thrive. During this phase, attention should be given to creating onmi-chanel synergy, syncing your messaging and channels from top to bottom. Scale high performing channels and fully harvest the demand your top of funnel awareness campaigns have been creating. Use insights gained from your contact lists, data, and web analytics to do prospecting and build lok-a-like audiences for incremental growth.</p>
</section>
<section>
<h4>Key Focus</h4>
<ul>
<li>Harvesting the demand created by your content marketing efforts</li>
<li>Scale paid media and social efforts</li>
<li>Leverage yoour new audiences</li>
<li>Omni-channel synergy</li>
</ul>
</section>
<section>
<header>
<h4>Time</h4>
<img src="clock-image.png" alt="A clock icon">
</header>
<p>approx. 24 months and beyond</p>
</section>
</section>
</main>
</body>
</html>
</html>
4 changes: 2 additions & 2 deletions Week 1.2 - CSS/1. Selectors - Attributes/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@

<style>
/* Update the following line of CSS to only style the inputs of type `text` */
* { border: 2px solid rebeccapurple; }
input[type="text"] { border: 2px solid rebeccapurple; }
</style>

<input type="text" />
Expand All @@ -20,7 +20,7 @@
<input type="text" />
<input type="url" />
<input type="file" />
<input type="color" />
<input type="color" />

</body>
</html>
4 changes: 2 additions & 2 deletions Week 1.2 - CSS/2. Selectors - Children/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@

<style>
/* Update the following line of CSS to only style the immediate `.item` children of `.container` */
.container .item { border: 2px solid rebeccapurple; }
.container > .item { border: 2px solid rebeccapurple; }
</style>

<ul class="container">
Expand All @@ -20,7 +20,7 @@
<li class="item">Descendant 3</li>
</ul>
</li>
<li class="item">
<li class="item">
<ul>
<li class="item">Descendant 1</li>
<li class="item">Descendant 2</li>
Expand Down
4 changes: 2 additions & 2 deletions Week 1.2 - CSS/3. Selectors - Siblings/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -13,10 +13,10 @@
</style>
</head>
<body>

<style>
/* Update the following line of CSS to only style `<p>` that follow an `<h2>` */
p {
h2 + p {
font-size: 22px;
line-height: 1.5;
color: rebeccapurple;
Expand Down
28 changes: 24 additions & 4 deletions Week 1.2 - CSS/4. Inheritance and Systems/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -9,13 +9,33 @@

<style>
/* Add your CSS here */
button {
border-radius: 4px;
padding: 12px 32px;
color: black;
background-color: #f5f5f5;
cursor: pointer;
}
.primary-btn {
background-color: #90cdf4;
border-color: #90cdf4;
}
.link-btn {
background-color: transparent;
border-color: transparent;
}
.danger-btn {
background-color: #feb2b2;
border-color: #feb2b2;
}

</style>

<!-- Add as many or as few classes as needed to accomplish the goal to the buttons below -->
<button>Default</button>
<button>Primary</button>
<button>Link</button>
<button>Danger</button>
<button class="primary-btn">Primary</button>
<button class="link-btn">Link</button>
<button class="danger-btn">Danger</button>

</body>
</html>
</html>
9 changes: 8 additions & 1 deletion Week 1.2 - CSS/5. Transitions/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,6 +12,13 @@
justify-content: center;
min-height: 100vh;
}
.box {
transition: 0.16s;
}
.box:hover {
transform: scale(2);
transition: 0.2s;
}
</style>
</head>
<body>
Expand All @@ -25,7 +32,7 @@
}
</style>

<div class="box"></div>
<div class="box"></div>

</body>
</html>
3 changes: 2 additions & 1 deletion Week 1.2 - CSS/6. Tricks - Click Passthrough/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@
position: relative;
}

.container img {
.container img {
display: block;
width: 100%;
height: auto;
Expand All @@ -29,6 +29,7 @@
width: 100%;
height: 100%;
background-image: linear-gradient(to bottom, transparent, black);
pointer-events: none;
}
</style>

Expand Down
2 changes: 1 addition & 1 deletion Week 1.3 - JavaScript/1. Filter/README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,4 +6,4 @@ End with the array `[2,4,6,8,10]`...

Write some code that will take the starting array and generate the desired end results.

Add your code to the provided HTML file.
Add your code to the provided HTML file.
4 changes: 3 additions & 1 deletion Week 1.3 - JavaScript/1. Filter/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -15,10 +15,12 @@
// You must store your new array in the `endingArray` variable for it to log out properly.
let endingArray;

endingArray = startingArray.filter(x => x%2 == 0)

// Custom Code END

console.log(endingArray);
</script>

</body>
</html>
</html>
2 changes: 1 addition & 1 deletion Week 1.3 - JavaScript/2. Map/README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
# Map

Take that starting array `['Sergio', 'Keve', 'Kam', 'Bree', 'Blake']`...

And create the new array `[{ name: 'Sergio' }, { name: 'Keve' }, { name: 'Kam }, { name: 'Bree' }, { name: 'Blake' }]`...
Expand Down
4 changes: 4 additions & 0 deletions Week 1.3 - JavaScript/2. Map/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -15,6 +15,10 @@
// You must store your new array in the `endingArray` variable for it to log out properly.
let endingArray;

endingArray = startingArray.map(el => {
return {name: el}
})

// Custom Code END

console.log(endingArray);
Expand Down
16 changes: 6 additions & 10 deletions Week 1.3 - JavaScript/3. Objects as a Map/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Objects as a Map</title>
</head>
<body>
<body>

<script>
const information = getInformation('date');
Expand All @@ -15,17 +15,13 @@
function getInformation(key) {
let rtn;

if (key === 'date') {
rtn = 'October 6, 1986';
} else if (key === 'time') {
rtn = '21:13 PM';
} else if (key === 'mood') {
rtn = 'Powerful, spirited...';
} else {
rtn = 'Error: Invalid option selected...';
let data = {
date: 'October 6, 1986',
time: '21:13 PM', //Why are we specifying PM on a 24 hour clock?
mood: 'Powerful, spirited...'
}

return rtn;
return data[key] || 'Error: Invalid option selected...';
}
</script>

Expand Down
4 changes: 4 additions & 0 deletions Week 1.3 - JavaScript/4. Event Listeners/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -20,6 +20,10 @@ <h1 data-counter>0</h1>
}

// Add your code here to make clicking the button run the increment function
const buttonEl = document.querySelector('[data-action="increment-counter"]');

buttonEl.addEventListener('click', increment);

</script>

</body>
Expand Down
7 changes: 6 additions & 1 deletion Week 1.3 - JavaScript/5. DOM Manipulation/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@
<h2>Hello, world!</h2>
<p>This block as been inserted via JS, isn't that cool!</p>
</section>
</script>
</script>

<main class="container">
<h1>Lorem Ipsum Dolor Sit Amet</h1>
Expand All @@ -24,6 +24,11 @@ <h2>More Jeff Goldblum</h2>

<script>
// Add you code here
const scriptText = document.querySelector('script').innerHTML;
const mainText = document.querySelector('.container');

mainText.insertAdjacentHTML('beforeend', scriptText);

</script>

</body>
Expand Down
Loading