GithubHelp home page GithubHelp logo

alex-cultrera / github-test-exercise Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 1.08 MB

Created a remote repo in GitHub, cloned code to local repo with GitHub Desktop, tested image file path, commit and push up to GitHub (feat. adorable photo of my dog)

License: Apache License 2.0

cloning commit github githubdesktop pathing push test

github-test-exercise's Introduction

Alex Cultrera

This is a template and instructions for creating your own Assignment0.

Please follow these instructions carefully, there are several ways to confuse yourself if you don't keep checking against these instructions as you go.

Instructions

1. Use the green Template button above to create your own github repository.

Click the green button, then click the blue "Create a new repository" button.

You will be using this template to create a new repository in your github.com remote workspace.

Image description

2. Name it Assignment0 when you create your own github repository from this template

If your github handle was petecarapetyan and you had a dark theme this is what your Assignment0 should look like now. Please notice that green Code button at bottom right.

Image description

  • Now click that green code button and clone it with the Open with Github Desktop

Image description

3. Clone this down to your local box inside your coders campus workspace directory being very careful to place it exactly there!

  • Using github desktop is super dangerous if you don't pay attention to the folder that it clones your local repository into!!!!!

We spend a ton of time helping people find their projects because they didn't pay attention to this one part marked DANGER! so please try not to be that person.

Image description

Just in case you did screw up and put it in the wrong place here is how you hover over the local repository in Github Desktop to diagnose the problem.

Image description

4. Open your local Assignment0 repository in VSCode

You can view text and the Preview version at the same time by clicking the button show with the yellow arrow at top right

Image description

Resulting in a preview at right, like this: Image description

5. Make changes

  • a. Change # Assignment 0 Instructions to # John Smith substituting your proper name for John Smith
  • b. Commit and push up to github using the lessons that Trevor gives you on Github Desktop. Refresh the github page, and examine to see if you like it (excepting instructions still showing).
  • c. If you want to do the extra credit (see below), do that before the next step because you will need it for pathing help.
  • d. Delete all the instructions text from this file.
  • e. Push up to github again, refresh and examine.
  • f. [repeat until satisfied with result per below.]

Testing Your Assignment

If your github handle was petecarapetyan and your name was John Smith and you had your browser set on dark theme then this is what your completed Assignment0 page would look like.

At this time, we do not review Assignment0, it is for your personal education only, so do not hand it in to the Assignments App like you would with Assignments 1-15

Complete

Extra Credit

Learning how to path images (or any files, for that matter) is a frequent stumbling block for new coders. To illustrate this point, please examine this document and see how all of the images are pathed in this markup file, from the images directory. Such as /images/complete.jpg above.

For extra credit even before you will need it on Assignment 1, place a photograph of yourself in the images directory and make it show properly, such as below.

Hopefully your smile will look every bit as dorky as mine.

Image description

File path problems are very typical for most students in assignments 1 and 3. This is a good thing to learn early and get out of the way. If you don't understand how I got /images/Pete.jpg as the file path feel free to consult bard or chatgpt or any other AI.

Should I repeat Assignment0?

This is something close to a 10 minute assignment once you get the hang of it. There is every reason for you to want to get this stuff into muscle memory early, because every assignment gets committed to github!

You may save time, in the end, by repeating this assignment until it gets super easy and boring.

For example

  • Assignment0b
  • Assignment0c
  • Assignment0d
  • Assignment0e

You can d0 this as many times as you wish, you'll just have to delete the repositories from your github when they start feeling like clutter. Allow for about 20-30 seconds to delete a repository from github, once you learn it.

github-test-exercise's People

Contributors

alex-cultrera avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.