GithubHelp home page GithubHelp logo

default4152 / alan-debug-challenge Goto Github PK

View Code? Open in Web Editor NEW

This project forked from aetweedie/alan-debug-challenge

0.0 2.0 0.0 328 KB

My site is broken! Oh my!

License: BSD 3-Clause "New" or "Revised" License

CSS 28.60% HTML 71.40%

alan-debug-challenge's Introduction

gSchool Precourse Curriculum

Goal: to get you ready to jump into our curriculum on day 1.

Please read this entire document before getting started.

Before class begins, you are expected to complete and submit the code assignment as described below.

Your Assignment

Build a simple website with some constraints. There will be an assessment on your understanding of the code you produce, so do not copy code from other's work.

We'll use these websites as a way to get to know each other on the first day, so let your personality shine and have fun with it. Good luck!

Getting Started

  1. Install git on your computer if you haven't already
  2. Fork this repository (go to https://github.com/gschool/precourse and click "Fork")
  3. Clone your forked repository onto your computer: git clone https://github.com/<your username>/precourse
  4. Open the website folder and write your assignment code there.

For more information on how to use git, check out this interactive tutorial. You may also want to read Atlassian's awesome git tutorial.

Two Pages

The website should have two pages linked with anchor tags. One page should describe where you come from and who you are (hometown, favorites, siblings, hobbies, etc.). The second page should describe where you're going in life and who you will become (career goals, gSchool goals, hopes, dreams, etc).

Example content for page one:

Hi there! My name is Zelda. I was born into royalty and spend my nights and weekends battling evil. My closest friend is Link. Together we will rule the world.

Here is a picture of us fighting Gannon. [insert photo]

Example content for page two:

I'm excited to start gSchool and learn about web technologies like javascript and html. I've always been fascinated by the web's ability to bring people together. After gSchool, I would love to work for a social network like Ello or OKCupid.

You should do your own research on how to get a simple website going, but here is a good starting place.

Custom CSS

The site's HTML should include an external, linked stylesheet with custom CSS. The design you come up with should represent your personality. Colors, borders, layout, fonts, sizes, etc. is up to you!

Note that the CSS should be linked to from a separate CSS file. For more information on how to do this, refer to this article on the subject.

Use jQuery

The site should use jQuery to change something on the page when a user clicks a button. The button can say or do anything, but it must be handled using jQuery.

You can learn more about jQuery online.

GIF

Somewhere on the website, you should include a GIF that illustrates how you feel about starting your new career in programming.

Don't use this one, but here is an example GIF.

Valid Markup

All markup must be valid through the W3C validator.

To validate your website, visit the validator, click "Choose file", upload your HTML file, and click "Check". You should validate each HTML file in your website.

The validator will provide a list of warnings and errors. It's okay if your website has warnings, but there should be no errors when you are done with your site.

How to hand-in/submit the assignments.

When finished, submit your website with a git pull request. Here are step by step instructions of how to do this:

  1. Make sure you are in the root directory.
  2. Add your changes to the repository: git add -A
  3. Commit your changes: git commit -m "My solutions to precourse work"
  4. Push your changes to your fork: git push origin master
  5. Make a pull request by going to https://github.com/<your username>/precourse and clicking "Pull Requests" and then "New Pull Request"

For more information on how to use git, check out this interactive tutorial. You may also want to read Atlassian's awesome git tutorial.

Common git issues

  1. If you try to push and see "Repository does not exist" this probably means that you cloned from the gSchool repo rather than your fork. Make sure you followed directions under "getting started" (at the top of this Readme) and created a fork. Then run this command to push: git push https://github.com/<your username>/precourse master

Getting help

Feel free to reach out for help on your cohort's Slack channel.

alan-debug-challenge's People

Contributors

aetweedie avatar craftninja avatar samusgray avatar

Watchers

 avatar  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.