Giter Site home page Giter Site logo

learn-to-be-a-useful-programmer's Issues

Create Reusable Navigation

Currently, each page has to be written by hand. It would be nice if we could have the same <head> code for each page on the site.

I know node will take care of this in the future. For now, is there a way for us to script it?

Individual Collaborator Page

I think we should have an individual page for each collaborator. This would be a place for each collaborator to have a bit of fun and show off their unique skills.

Requirements

  • Write your name as a collaborator on index.html
  • Make your name a link which points to a separate page
  • Make your page with the following attributes
    • Have a link back to the index page
    • Have an image
    • Have a h2 heading element titled Where I am In My Coding Journey
    • Have a few paragraph elements describing you
    • Have a unordered list with your city, country, favorite food, favorite color and favorite song

Table of Content Page *new*

@cjtabaldo , your mission, should you choose to accept it, is to create a table of content page.

It should:

  • Match the layout and look of the index page
  • Link to the individual lesson pages
  • Be mobile responsive (Use the CSS from Skeleton which is already in the repo)
  • The index page should link to the table of content page
  • The table of content page should link to the index page

If you're not interested in giving this one a try, please un-assign yourself using the Assignees gear box on the right.

God speed!

Make a button open a link in a new tab

When users click the button below, their browsers should open the link in a new window.

HINT: Search for target element HTML.

screen shot 2019-02-19 at 1 32 05 pm

Please do it for the other button as well.

GOD SPEED!

Would you like to collaborate? Comment on this issue to join the club!

First Step: Comment Below

In order for me to approve you as a collaborator, I need to know who you are. Please comment below letting me know you're ready to start. For quick replies, tweet me to let me know you've added me.

Further information

Seeking collaborators. Create your first PR today!

If you're unfamiliar with what this repository is, I describe it in a YouTube live video which you can find here:

https://youtu.be/pwbexWdlSh4

So if you're interested in learning to code by actually writing useful code, please comment below and let me know you would like to become a collaborator.

Once you are granted collaborator access, you can start creating your first pull request. In the following video, I go through the process for the first time in a long time. Please just follow along:

https://youtu.be/YicCGAHibs0

After you've created your first pull request, you'll be ready to take on more challenging aspects of computer programming. At that point, you can start collaborating with me to make this the best resource on the internet for developing professional programmers.

Add an image to your GitHub account.

Your GitHub account will be a useful place for people and organizations to care about the code you do.

To make your GitHub portfolio look great, add a picture to your account.

Develop a Table of Context for `trust-the-process` documents

We currently have a folder called Trust the Process.

We need to develop a way of indexing this so new coders can begin their journey by completing a single chapter at a time.

I've already added the first step.

To Do:

  • Add link from main index page to the first-step page
  • Develop the look of the index page to have a cool table of contents look

Add an image to your GitHub account.

Your GitHub account will be a useful place for people and organizations to care about the code you do. To make your GitHub portfolio look great, add a profile image to your account.

Create a Slack Group and Link it to Index Page

Since we're all making progress with this, I think it makes sense to have the ability to chat on the side. If one of you would like to set up a slack group (maybe call it learn-to-be-a-useful-programmer.slack.com).

  • Set up the slack channel via slack.com
  • Add a button to the top of the index.html page which opens the slack channel in a new window
  • Invite Me!

If you want to take on this project, please comment below first. We don't want two people doing this at the same time.

Need a series of lessons for especially young programmers to learn basics

It would be good if we could have each collaborator earn check marks on their collaborator page as they complete various HTML, CSS and JavaScript challenges.

This might need to be wrapped into the overall application, but maybe there is a way to validate things using static pages.

Let me know if you're interested in this.

Create an individual page for lessons

  • Create a page per lesson (currently there are three lessons)
    • Lesson 1 - Introduce Yourself
    • Lesson 2 - Add your Name to Collaborators Index Page
    • Lesson 3 - Create your collaborator page and link to it via your name on the index page

Currently, the three lessons are on the index page:

screen shot 2019-02-14 at 9 12 28 am

You'll want to:

  • Create a folder called lessons
  • Add html file called `lesson1.html' to the lessons folder
  • Add html file called `lesson2.html' to the lessons folder
  • Add html file called `lesson3.html' to the lessons folder
  • Copy the video embed and the content from the index.html file which corresponds to each lesson and have it displaying in each individual page

You'll be able to check you work by visiting lessons/lesson1.html in your browser

Good luck!

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.