30 |
31 |
--------------------------------------------------------------------------------
/dom/dom-assessment-review.md:
--------------------------------------------------------------------------------
1 | # Assessment Review
2 | ### DOM Manipulation
3 |
4 | Welcome to your DOM Assessment Review. This will test your knowledge of using
5 | JavaScript to manipulate the DOM. During the assessment, you will also have
6 | the option to use jQuery if you prefer.
7 |
8 | Open up `dom-review.html` and follow the instructions:
9 |
10 | - Allow the user to type in their favorite food into the input and append it
11 | to the list once the button is clicked.
12 |
13 | - When the heading 'Change Me' is double clicked, change its
14 | background-color to purple.
15 |
16 | - Allow the user to input their cohort name. Once Update button is clicked,
17 | the text should should update with the name of the cohort.
18 |
19 | ```$xslt
20 | My Cohort: Deimos
21 | ```
22 |
23 | - When 'Highlight' button is clicked, change the background color of the
24 | cohort name to yellow.
25 |
26 | - Write some JavaScript that changes the background-color of the container to
27 | pink after 3 seconds.
28 |
29 |
--------------------------------------------------------------------------------
/ux/case-study-template.md:
--------------------------------------------------------------------------------
1 | # UX Case Study Template
2 | If you are interested in building a short and sweet case study for your
3 | project, here's a template to fill out.
4 |
5 | ### The Client:
6 | - Who hired/asked you to build this project?
7 |
8 | ### My Role:
9 | - What was your role and what tasks were you responsible for?
10 |
11 | ### Problem Statement:
12 | - What is the problem you are trying to solve with this project or this UX
13 | case study?
14 |
15 | ### Project Goals:
16 | - What are the main goals for the project? I typically represent this as an
17 | ordered/unordered list.
18 |
19 | ### Approach:
20 | - How do you expect to accomplish these goals?
21 |
22 | ### Research Methods:
23 | - What are your strategies for research?
24 |
25 | ### User Personas:
26 | - Who is going to be using your product? This should be a detailed description
27 | of your target user/s.
28 |
29 | ### Resources:
30 | - What outside resources did you use to complete this? What about your own
31 | resources? This could be links to a branding guide, the current site you are
32 | redesigning, etc.
33 |
34 | ### Process:
35 | - This is where you would link parts of your design process. Site Map, Trello
36 | board, Diagrams, Wireframes, Mockups and Prototypes.
37 |
38 | ### Calendar:
39 | - If you have a timeline for completing project features, you can put it here.
40 |
41 |
--------------------------------------------------------------------------------
/js-ii-assessment-review.md:
--------------------------------------------------------------------------------
1 | #Assessment Review
2 | ###Arrays and Objects
3 |
4 | Welcome to your JS 2nd Assessment Review. This will include some things from
5 | the previous assessments, as well as Array and Object manipulation. Below are
6 | some practice questions for you to get started.
7 |
8 | - Write a function named 'typeOfValue' that takes in a value and returns its
9 | type.
10 |
11 | ```$xslt
12 | typeOfValue("hello") // "string"
13 | typeOfValue(123) // "number"
14 | typeOfValue([]) // "object"
15 | typeOfValue([4,5,6]) // "object"
16 | ```
17 |
18 | - Write a function 'isPositive' that takes in a number and returns `true` or
19 | `false` based on whether the input is positive.
20 |
21 | ```$xslt
22 | isPositive(2) // true
23 | isPositive(-4) // false
24 | isPositive(0) // false
25 | ```
26 |
27 | - Write a function 'removeElement' that takes in an array and a value, and
28 | returns an Array with the first instance of the indicated value removed.
29 |
30 | ```$xslt
31 | removeElement([1,2,3,4,5], 4) // returns [1,2,3,5]
32 | removeElement([2,2,4,4,5], 2) // returns [2,4,4,5]
33 | removeElement([10], 10) // returns []
34 | ```
35 |
36 | - Write a function 'sumOfNumbers' that takes in an array of numbers and
37 | returns the sum of all values.
38 |
39 | ```$xslt
40 | sumOfNumbers([1,2,3,4,5]) // 15
41 | sumOfNumbers([-1, 15]) // 14
42 | ```
43 |
44 | - Write a function 'evensIndex' that takes in an array of numbers and returns
45 | an array containing the index values of all even numbers.
46 |
47 | ```$xslt
48 | evensIndex([1,2,3,4,5,6]) // returns [1,3,5]
49 | evensIndex([3,7,11,12]) // returns [3]
50 | evensIndex([5,5,7,13]) // returns []
51 | ```
52 |
53 | - Write a function 'stringToArray' that takes in a comma separated list and
54 | returns it as an array.
55 |
56 | ```$xslt
57 | stringToArray("red,orange,yellow,green,blue") // returns ['red','orange',
58 | 'yellow','green','blue']
59 |
60 | stringToArray("1,2,3") // returns ['1','2','3']
61 | stringToArray("dog") // returns ['dog']
62 | ```
63 |
64 | - Given the following array of objects, write a function 'findUsers' that
65 | returns
66 | an
67 | Array of usernames.
68 |
69 | ```$xslt
70 | var myMac = {};
71 | myMac.users = [
72 | {
73 | username: "sophie",
74 | id: 1
75 | },
76 | {
77 | username: "vivian",
78 | id: 2
79 | },
80 | {
81 | username: "david",
82 | id: 3
83 | }
84 | ];
85 |
86 | findUsers(myMac.users) // returns ['sophie','vivian','david']
87 | ```
88 |
89 | - Write a function 'addRole' that accepts the array of objects, then adds the
90 | property 'role' to each object with a value of 'instructor.' The
91 | results should look like this:
92 |
93 | ```$xslt
94 | addRole("instructor");
95 |
96 | [
97 | {
98 | username: "sophie",
99 | id: 1,
100 | role: "instructor"
101 | },
102 | {
103 | username: "vivian",
104 | id: 2,
105 | role: "instructor"
106 | },
107 | {
108 | username: "david",
109 | id: 3,
110 | role: "instructor"
111 | }
112 | ];
113 |
114 | ```
115 |
116 | - Write a function 'countLetters' that takes in a string and a character, and
117 | counts the number of instances of that character in the string.
118 |
119 | ```$xslt
120 | countLetters("banana", "a") // returns 3
121 | countLetters("Bob", "b") // returns 2
122 | countLetters("javascript", "x") // returns 0
123 | ```
124 |
125 | ####BONUS:
126 |
127 | - Write a function 'countAll' that takes in an array of strings and returns an
128 | array with the count of a character for each string. You may be able to use
129 | your countLetters function here.
130 |
131 | ```$xslt
132 | countAll(["banana", "html", "java"], "a") // returns [3,0,2]
133 | countAll(["push", "your", "commits"], "u") // returns [1,1,0]
134 | ```
135 |
--------------------------------------------------------------------------------
/christmas/12daysofcode.md:
--------------------------------------------------------------------------------
1 | # 12 Days Of Code
2 |
3 | Merry Christmas! I hope you're enjoying your two week break. Hopefully,
4 | you're finding a way to keep your programming skills sharp while you're away
5 | from Codeup.
6 |
7 | Not sure what to work on? The 12 Days of Code will give you a daily challenge
8 | covering different topics we've learned (up to MySQL Basic Statements)! If you start this on December 23rd, you'll finish the review the day before you get back to class.
9 |
10 | It's up to you which projects and repos these exercises will live in. After
11 | all, it's just for practice.
12 |
13 | Happy Coding :)
14 |
15 | ### December 23rd
16 |
17 | - Today, build a simple Christmas themed HTML page using your preferred
18 | framework for layout and styling. Or, use custom CSS if that's your thing.
19 |
20 | - Have a banner that says "Merry Christmas"
21 | - Make a list of your favorite Christmas songs
22 | - Include a Christmas photo in there too!
23 |
24 | ### December 24th
25 |
26 | - We're going to build on our Christmas page a little bit.
27 |
28 | - Make your list of songs clickable so that they send you to a video of
29 | it on Youtube.
30 | - Create an input box underneath your song list.
31 | - Add a submit button for this input box.
32 |
33 | ### December 25th
34 |
35 | - Adding a bit more interactivity.
36 |
37 | - Using either vanilla JS or jQuery, allow a user to add a song to your
38 | list.
39 | - **Bonus**: you can add another input box for the song URL on Youtube if
40 | you want the new addition to be clickable.
41 | - **Bonus**: add the Konami Code for a secret feature! Maybe an image? A
42 | video? A song? It's up to you.
43 |
44 | ### December 26th
45 | - Let's start on a little bit of Java review! You'll be working on the
46 | Adlister shortly after the break so it's important for us to have a solid
47 | foundation.
48 |
49 | - Create a new Java package called Christmas.
50 | - Create a new Java class called Santa.
51 | - Create your main method. Using Console IO, allow him to ask the user what
52 | they
53 | want for Christmas.
54 | - Store the response in a String variable.
55 | - **Bonus**: Continue to ask if the user enters an empty String
56 |
57 | ### December 27th
58 |
59 | - Santa's got a lot of work to do before next year...
60 |
61 | - Create a new Java class called Reindeer. This should be in the same
62 | package as your Santa class.
63 | - This should have a protected String property of 'name.'
64 | - Add a constructor that sets this name property when a new Reindeer is created. Display a message that tells you the name of the new Reindeer
65 | that has been created.
66 | - Test your new class in the main method of the Santa class by creating
67 | instances of Santa's reindeer.
68 |
69 |
70 | ### December 28th
71 | - Santa has 9 reindeer. 10 if you count Olive, the other reindeer...
72 |
73 | - Going back into your Santa class, create a public static Array property
74 | that
75 | stores
76 | 9 (or 10) instances of Reindeer objects.
77 | - go back into your main method and give each Reindeer instance a
78 | position in the Array you just created.
79 |
80 | ### December 29th
81 |
82 | - What if we want to hire more Reindeer in the future and add them to our
83 | Array?
84 | - In your Santa class,
85 | create a pubilc static addReindeer method that would allow us to add to
86 | our Array.
87 | - Remember that Arrays in Java have a set length, so this method will
88 | actually need to create a copy with a different lenght.
89 | - Need a hint? Go back to our ArraysExercises from Java II.
90 |
91 | ### December 30th
92 |
93 | - Remember when Santa asked us what we wanted for Christmas?
94 |
95 | - In your Santa Class, create an ArrayList of Strings called 'wishlist'
96 | - Each time Santa asks what you want for Christmas, add the user response
97 | into the
98 | ArrayList. Keep
99 | adding presents!
100 | - Go into the main method to check if your wishlist has been stored in
101 | the ArrayList.
102 | - **Bonus**: Create a HashMap instead that stores the name of the person
103 | and the item they requested.
104 |
105 |
106 | ### December 31st
107 |
108 | - I feel like Santa's job would be a lot easier if he had a SQL database to
109 | work with.
110 |
111 | - Create a new user 'santaclaus' that has all privileges on all databases
112 | and tables.
113 |
114 | - Create a new database called 'christmas_db'
115 |
116 | ### January 1st
117 |
118 | - You better watch out, you better not cry...
119 |
120 | - In the christmas_db, create a table called 'people' with these properties:
121 | - first_name
122 | - last_name
123 | - age
124 | - birthday
125 | - nice (either true or false)
126 | - wishlist
127 |
128 | - **Bonus**: Create this table by running a sql migration file.
129 |
130 | ### January 2nd
131 |
132 | - There are a lot of people we need to keep track of and deliver to by next
133 | Christmas.
134 |
135 | - Create a seeder script for your people table.
136 |
137 | ### January 3rd
138 |
139 | - However, you only get a gift from Santa if you've been nice all year.
140 |
141 | - Using a DELETE statement, remove people who have not been nice this
142 | year. (Value of the nice column is 'false')
143 |
144 |
145 |
146 |
147 | ### Happy Holidays!!!
148 |
--------------------------------------------------------------------------------