• Get set up on Slack
• Get set up on Github
• Get set up on Trello
• The division of labor between HTML and CSS
• Introduction to HTML:
• Parents, children, attributes
• Indentation
• Semantic elements
• Paragraphs, links, images, lists
• Introduction to CSS:
• Where can we write it and what difference does that make?
• Selectors (id, class, element type), properties
• Get your CV website hosted on Github pages!
- Slack, Slack is our main communication channel
- Github, we use Github to share all of the work we do
- Trello, here we list the homework assignments
- Mobile: App store or Google Play
- Desktop: OSX or Windows
- About Slack: Cheat sheet for basics and shortcuts
- How to format your messages in Slack: Using Slack
- Take the Trello tour
Everything we teach you to do with Website Development will be on here: HackYourFuture curriculum
- Make a folder on your desktop
- Make a file inside it called index.html
- Make a file inside it called style.css
All tags that open need to finish with with a closing tag
<p> . . . </p> <!--the </p> is the closing tag-->Everything should go inside the body tag
<body> IN HERE </body>- Include the following:
- Your personal info (name, place of birth, etc.)
- A picture
- A few lines about who you are
- Education
- Work experience
- Include the following:
- Different types of headings
<h1>,<h2>,<h3>etc. <img><p>- Make sure that you page looks nice, and that your text is readable
- Change the color of the text
- Different types of headings
Steps:
- In your newly created Github account search for the invitation from the Social Hackers Academy organization to you join your classes team.
- Create a new repository (name it something like sha-html-css) make sure you select the option: initialize with README.
- Inside your new repository create a folder called "lesson1". If you have trouble finding out how to create a folder in Github check this Stack Overflow question
- Upload your website you created on your computer (step 1 and 2 of the homework) inside this folder, write a description for this “commit” (for example: "homework lesson1").
- Your sha-html-css/lesson1 should now contain an index.html and a style.css file (and maybe a folder containing your images)
- Open the files in your folder to check if all of this worked.
- Now go to the settings of your repository:
- And go to Github Pages select "master" instead of "none"
- Now you can view your homework online at: https://hereyouplaceyourgithubusername/sha-html-css/lesson1/
- Please upload a link to your homework in Trello.
- https://github.com/mkruijt/sha-html-css
- In the README file there are links to the homework hosted by Github!