Working with Coding Tools

Tips

Here are a few tips on how to use Repl.it:

• Type let me = “learning” (space) console.log(me)
• Begin by pressing the green play button, also known as the run ▶ button, in the center of the top bar. You'll press this whenever you want to run your code to see what it's doing.
• Type any code and click the run button to run the code again, and you should see the green ✅. This is telling you that you got it right!

Note: The REPL windows may take some time to load, especially if you don't have a strong internet connection. Now, it's time to jump in!

Are you ready to get started on your new career journey? Let’s start by submitting your first assignment.

First Assignment

In a text document, please answer the following questions:
1. Why are you taking this course?
2. Do you see your life changing by learning web development?
3. Describe your ideal career.

Make sure to save your answers in a place that you can easily access. This will be a rewarding program, and there may be times when you need this for motivation.

Here is the process by which you will be submitting your work. Once you are done with your assignment above in a document, attach and submit document- Submit Here

Module 1 Assignment

Answer questions 1 - 3 below in a document and 4a - c on repl.it

1. What HTML code is used to begin headings?
2. What HTML code is used to end headings?
3. How many different heading sizes are possible in HTML (in other words, through what number)?

4a. Do you see the code in your code editor that says Hello? Add an HTML h1 element.

b. Change your h1 element's text to say "Hello World".

c. Add an h2 tag that says "FoodPhotoApp" to create a second HTML element below your "Hello World" h1 element.

Once you are done with your assignment above in a document and added the link of your repl.it code to that document, attach and submit your answers - Submit Here. Good luck

Module 2 Assignment

Start Food Photo Web & Requirements:

A. Give your Food website a welcome message.

B. ADD Headings that says E.G "Welcome to my _ Website" and below that, add an h2 tag that says name of your favorite meal website. For example "FoodPhotoApp" to create a second HTML element below your welcome message above.

C. Create a p element below your h2 element, and give it the text describing you and why you like that favorite meal.

D. Write a secret/fun fact about you in your code that you don't want web visitors to see by commenting it.

E. Create a second p element (after the existing p element of your story) with the following details about "where you were born, your education and any work experiences in the past."

F. Then, create a main element and nest the two p elements and comments inside the main element.

Do it in the repl.it below or click to "Open in" to open this in a new window and write your code.

Remember once you are done with your assignment, submit the link of your repl.it code and your full name Submit Here

Module 3 Assignment

1. Answer these questions in a document to the best of your ability.
2. How is the img element different from the h1 or p elements?
3. What does img stand for?
4. What does src stand for?
5. What does width stand for?
6. What does alt stand for?
7. When the value to width is changed, what happens to the image?
8. When width="500" is removed, what happens to the image?
9. Let's try to add an image to our existing website from last assignment:

Within the existing main element in the previous assignment, insert an img element before the existing p elements.

Now set the src attribute so that it points to that image from your computer

Finally, don't forget to give your img element a width and an alt attribute with applicable text.

Remember once you are done with your assignment, submit the document with the link of your repl.it code and your full name Submit Here

Module 4 Assignment

For this assignment you will be styling the Food web page.

Add < link href="style.css" rel="stylesheet" type="text/css" /> into your current HTML code in previous assignment

Add CSS Styles to the story you created in the script.css

Your style declaration should end with a ; .

Remember once you are done with your assignment, submit link of your repl.it code and your full name Submit Here

Module 5 Assignment

"Below is a more efficient process than retyping a sentence multiple times throughout a program:"

Try it in the repl.it below:

NOTE: Variables allow you to store and track various items and values in your program. Submit Here

Module 6 Assignment

1. In the repl.it below, copy and paste the code into your repl.it. How would you print the answer and what answers do you think it will print out?

let x = "42" + 7;

let y = "42" - 7;

2.What opening and closing tags do you use to link Javascript in your HTML code to make it work? Do your research, write your your answer in the email you send. Example: My answer is - < main> < /main> tags

Once you are done with your assignment, submit link of your repl.it code and attach the document with your number 2 answers Submit Here

Module 7 Assignment

In the repl.it below:

Copy and paste the code given and print the variable 'coding' to your console

Use the variable below let coding = "cool";

// Use another variable below let coding = "trendy and fun";

//Expected Output for number 1 //-> "coding is cool"

//Expected Output for number 2 //-> "coding is trendy and fun"

Remember once you are done with your assignment, submit link of your repl.it code and your full name Submit Here

Module 8 Assignment

1. Correct the following using camelcasing in a document:

let = "Salad";

let 2ndMeal = "Pasta";

let thirdMeal = "Jollof Rice;

let fourth = "Ice Cream";

2. In the repl.it below, Guess what would be printed

Remember once you are done with your assignment, submit link of your repl.it code and your full name Submit Here

Module 9 Assignment

Now you create your web templates, add all your code you have done in the past html/css assignment using steps in a repl.it:

Click 'Open in' below to start.

Remember once you are done with your assignment, submit link of your repl.it code and your full name Submit Here

Module 10 Assignment

Complete your website with all the HTML/CSS and images Within this Repl and update the presentation to the headings and paragraphs using the CSS properties and values above to try it on your website.

Module 11 Assignment - Showcase Your Project

Congratulations! The Good news is you have come to the end of the first stage. I'm super impressed. 😃

Let’s take the next steps, together. Schedule an Orientation video call with a member of our cofounding team this Saturday before or after your test.

Once you sign up for a meeting time above, you’ll receive a calendar invite with the link to access your meeting. During the meeting, we discuss the next steps such as timeline, goals and other resources you now have at your disposal.

This is very important for the next phase. Let's find you a great mentor who you'll meet with once per week. Let us know the times that reliably suit your schedule.

Once you are done with your assignment, submit your github repo link, your Live food website github link and your project's Live website github link Submit Here