• (computer) Software Installations
  • Chromium, Firefox or Brave: All great browsers with ES6, HTML5 & CSS3 support plus pre-installed, top-knotch developer tools. Try each one to see what you like best!
  • Visual Studio Code: Like Microsoft Word, but for code ... and sooooo much better. After installing VSC, be sure to install these plug-ins:
    • Markdown Preview Github Styling Custom
    • Code Spell Checker
    • Prettier
  • GitKraken: A program that will help you master using git.
  • (If you have windows) Git For Windows: This will allow you to use the same terminal commands & tools as Linux or Mac computers.
• (computer) Start an HYF Directory
• My bio on the class repo
• Hack My Future
• Markdown Home Page - my multi-page markdown home portfolio, live on github pages

• (computer) Software Installations
  • Chromium, Firefox or Brave: All great browsers with ES6, HTML5 & CSS3 support plus pre-installed, top-knotch developer tools. Try each one to see what you like best!
  • Visual Studio Code: Like Microsoft Word, but for code ... and sooooo much better. After installing VSC, be sure to install these plug-ins:
    • Markdown Preview Github Styling Custom
    • Code Spell Checker
    • Prettier
  • GitKraken: A program that will help you master using git.
  • (If you have windows) Git For Windows: This will allow you to use the same terminal commands & tools as Linux or Mac computers.
• (computer) Start an HYF Directory
• My bio on the class repo
• Hack My Future
• Markdown Home Page - my multi-page markdown home portfolio, live on github pages

• git & github for poets
• LearnGitBranching & video tutorial
• complete the first set of exercises
  
• Familiarize yourself with GitKraken
• Study this example project
• Understand how to use Atomic Commits
• User Stories (3 vids)
• Relative vs. Absolute Paths
• Internet? (2 vids)
• Code-Along
• Complete FreeCodeCamp's Applied Accessibility challenges.
  
• Fork and Clone HTML-CSS-Practice-Problems
• Complete the exercises in ./level-1
• Fork and Clone css-exercises
• Turn on GitHub Pages for both of the forks
• Complete exercise-1
• Complete exercise-2

• (computer) Software Installations
  • Chromium, Firefox or Brave: All great browsers with ES6, HTML5 & CSS3 support plus pre-installed, top-knotch developer tools. Try each one to see what you like best!
  • Visual Studio Code: Like Microsoft Word, but for code ... and sooooo much better. After installing VSC, be sure to install these plug-ins:
    • Markdown Preview Github Styling Custom
    • Code Spell Checker
    • Prettier
  • GitKraken: A program that will help you master using git.
  • (If you have windows) Git For Windows: This will allow you to use the same terminal commands & tools as Linux or Mac computers.
• (computer) Start an HYF Directory
• My bio on the class repo
• Hack My Future
• Markdown Home Page - my multi-page markdown home portfolio, live on github pages

• (computer) Software Installations
  • Chromium, Firefox or Brave: All great browsers with ES6, HTML5 & CSS3 support plus pre-installed, top-knotch developer tools. Try each one to see what you like best!
  • Visual Studio Code: Like Microsoft Word, but for code ... and sooooo much better. After installing VSC, be sure to install these plug-ins:
    • Markdown Preview Github Styling Custom
    • Code Spell Checker
    • Prettier
  • GitKraken: A program that will help you master using git.
  • (If you have windows) Git For Windows: This will allow you to use the same terminal commands & tools as Linux or Mac computers.
• (computer) Start an HYF Directory
• [My bio on the class repo](https://github.com/hackyourfuturebelgium/week 1/blob/master/student-bios/boam1994.md)
• Hack My Future
• Markdown Home Page - my multi-page markdown home portfolio, live on github pages

• (computer) Software Installations

  • Chromium, Firefox or Brave: All great browsers with ES6, HTML5 & CSS3 support plus pre-installed, top-knotch developer tools. Try each one to see what you like best!

  • Visual Studio Code: Like Microsoft Word, but for code ... and sooooo much better. After installing VSC, be sure to install these plug-ins:

    • Markdown Preview Github Styling Custom
    • Code Spell Checker
    • Prettier

  • GitKraken: A program that will help you master using git.

  • (If you have windows) Git For Windows: This will allow you to use the same terminal commands & tools as Linux or Mac computers.

• (computer) Start an HYF Directory
• My bio on the class repo
• Hack My Future
• Markdown Home Page - my multi-page markdown home portfolio, live on github pages

[ ] - exercise2

Prep Work

Git, GitHub & GitKraken

• git & github for poets-watch through 1-3
• LearnGitBranching & video tutorial - complete the first set of exercises
  image
• Familiarize yourself with GitKraken
• Study this example project
• Understand how to use Atomic Commits

User Stories:

• Agile Development by Cartoon
• Splitting User Stories
• The "what" not the "how"

Relative vs. Absolute Paths

• Relative vs. Absolute Paths

Internet?

• How the Internet Works in 5 Minutes

• How do Web Browsers Work?
  Code Review

• Take a look through this page from Study
  ###Code-Along:

• repository

• live demo

• Home

• About

• Services

• ...

Exercises:

• [ ]Complete all 22 of FreeCodeCamp's Applied Accessibility challenges.
  [ Screenshot
  
  ]
• exercise name: repo, live (if there is)
• exercise name: repo, live (if there is)
• ...

Follow this link to study a well-done homework issue.

• (computer) Software Installations
  • Chromium, Firefox or Brave: All great browsers with ES6, HTML5 & CSS3 support plus pre-installed, top-knotch developer tools. Try each one to see what you like best!
  • Visual Studio Code: Like Microsoft Word, but for code ... and sooooo much better. After installing VSC, be sure to install these plug-ins:
    • Markdown Preview Github Styling Custom
    • Code Spell Checker
    • Prettier
  • GitKraken: A program that will help you master using git.
  • (If you have windows) Git For Windows: This will allow you to use the same terminal commands & tools as Linux or Mac computers.
• (computer) Start an HYF Directory
• My bio on the class repo
• Hack My Future
• Markdown Home Page - my multi-page markdown home portfolio, live on github pages

• Project
• live
• Exercises:
• FreeCodeCamp
  
• HTML-CSS-Practice-Problems
• live HTML-CSS-Practice-Problems
• css-exercise1
• live css-exercise1

• (computer) Software Installations
  • Chromium, Firefox or Brave: All great browsers with ES6, HTML5 & CSS3 support plus pre-installed, top-knotch developer tools. Try each one to see what you like best!
  • Visual Studio Code: Like Microsoft Word, but for code ... and sooooo much better. After installing VSC, be sure to install these plug-ins:
    • Markdown Preview Github Styling Custom
    • Code Spell Checker
    • Prettier
  • GitKraken: A program that will help you master using git.
  • (If you have windows) Git For Windows: This will allow you to use the same terminal commands & tools as Linux or Mac computers.
• (computer) Start an HYF Directory
• My bio on the class repo
• Hack My Future
• Markdown Home Page - my multi-page markdown home portfolio, live on github pages

• (computer) Software Installations
  • Chromium, Firefox or Brave: All great browsers with ES6, HTML5 & CSS3 support plus pre-installed, top-knotch developer tools. Try each one to see what you like best!
  • Visual Studio Code: Like Microsoft Word, but for code ... and sooooo much better. After installing VSC, be sure to install these plug-ins:
    • Markdown Preview Github Styling Custom
    • Code Spell Checker
    • Prettier
  • GitKraken: A program that will help you master using git.
  • (If you have windows) Git For Windows: This will allow you to use the same terminal commands & tools as Linux or Mac computers.
• (computer) Start an HYF Directory
• My bio on the class repo
• Hack My Future
• Markdown Home Page - my multi-page markdown home portfolio, live on github pages

week1 project:Incremental development.

Contents

Prep Work

• git & github for poets - watch through 1.4
• LearnGitBranching & video tutorial - complete the first set of exercise
• Familiarize yourself with GitKraken
• Study this example project
• Understand how to use Atomic Commits

User Stories

• Agile Development by Cartoon
• Splitting User Stories
• The "what" not the "how"
• Relative vs. Absolute Paths
• How the Internet Works in 5 Minutes
• How do Web Browsers Work?

Code Review

• Take a look through this page from Study

Project

• Code-Along
• Responsive Layout tutorial

Exercises:

• Sign in to FreeCodeCamp using your GitHub account: repo

  • [step 1] Complete all 22 of FreeCodeCamp's Applied Accessibility challenges.
  • [step 2] Turn on your public portfolio so we can give feedback on your code
    

• Fork and Clone HTML-CSS-Practice-Problems: repo

  • [step 1] Turn on GitHub Pages
  • [step 2] Complete the exercises in ./level-1

• Fork and Clone css-exercises: repo

  • [step 1] Turn on GitHub Pages
  • [step 2] Complete exercise-1 and exercise-2

Follow this link to study a well-done homework issue.

My First Homework

• (computer) Software Installations
  • Chromium, Firefox or Brave: All great browsers with ES6, HTML5 & CSS3 support plus pre-installed, top-knotch developer tools. Try each one to see what you like best!
  • Visual Studio Code: Like Microsoft Word, but for code ... and sooooo much better. After installing VSC, be sure to install these plug-ins:
    • Markdown Preview Github Styling Custom
    • Code Spell Checker
    • Prettier
  • GitKraken: A program that will help you master using git.
  • (If you have windows) Git For Windows: This will allow you to use the same terminal commands & tools as Linux or Mac computers.
• (computer) Start an HYF Directory
• My bio on the class repo
• Hack My Future
• [Markdown Home Page](.github.io) - my multi-page markdown home portfolio, live on github pages

Prep Work

Git, GitHub & GitKraken

• git & github for poets - watch through 1.4

• LearnGitBranching & video tutorial - complete the first set of exercises
  

• Familiarize yourself with GitKraken

• Study this [example project] (https://github.com/oscarpete/built-with-branches)

• Understand how to use Atomic Commits

User Stories

• Agile Development by Cartoon
• Splitting User Stories
• The "what" not the "how"

Relative vs. Absolute Paths

• Relative vs. Absolute Paths

Internet?

• How the Internet Works in 5 Minutes
• How do Web Browsers Work?

Code Review

• Take a look through this page from Study

Code-Along:

• repository
• live demo
• step 1
• step 2
• step 3
• step 3

Exercises:

• Sign in to FreeCodeCamp using your GitHub account: repo

  • [step 1] Complete all 22 of FreeCodeCamp's Applied Accessibility challenges.
  • [step 2] Turn on your public portfolio(https://www.freecodecamp.org/oscarpete) so we can give feedback on your code

• Fork and Clone HTML-CSS-Practice-Problems: repo

  • [step 1] Turn on GitHub Pages
  • [step 2] Complete the exercises in ./level-1

• Fork and Clone css-exercises: repo

  • [step 1] Turn on GitHub Pages
  • [step 2] Complete exercise-1 and exercise-2

Follow this link to study a well-done homework issue.

*Copied from the great work of Mai @mai-mr-mahmoud

issue in creating new card

• (computer) Software Installations
  • Chromium, Firefox or Brave: All great browsers with ES6, HTML5 & CSS3 support plus pre-installed, top-knotch developer tools. Try each one to see what you like best!
  • Visual Studio Code: Like Microsoft Word, but for code ... and sooooo much better. After installing VSC, be sure to install these plug-ins:
    • Markdown Preview Github Styling Custom
    • Code Spell Checker
    • Prettier
  • GitKraken: A program that will help you master using git.
  • (If you have windows) Git For Windows: This will allow you to use the same terminal commands & tools as Linux or Mac computers.
• (computer) Start an HYF Directory
• My bio on the class repo
• Hack My Future
• Markdown Home Page - my multi-page markdown home portfolio, live on github pages

Prep Work

• git & github for poets - watch through 1.4
• LearnGitBranching & video tutorial - complete the first set of exercises
• Familiarize yourself with GitKraken
• Study this example project
• Understand how to use Atomic Commits

User Stories

• Agile Development by Cartoon
• Splitting User Stories
• The "what" not the "how"

Relative vs. Absolute Paths
Not super complicated, but a little tricky at first. And this will come up all the time forever.

• relative vs. absolute paths

Internet?

• How the Internet Works in 5 Minutes
• How do Web Browsers Work?

Name of Project:

• repository
• live demo
• step 1: Create index.html file for Home Page
• step 2: Create Style.css file in the folder CSS to style the website
• step 3: Create About Page
• step 4: Create Services Page

Exercises:

• Applied Accessibility: freecodecamp
  

• HTML-CSS-Practice-Problems: Level 1

• css-exercises exercise 1

• css-exercises exercise 2

• (computer) Software Installations
  • Chromium, Firefox or Brave: All great browsers with ES6, HTML5 & CSS3 support plus pre-installed, top-knotch developer tools. Try each one to see what you like best!
  • Visual Studio Code: Like Microsoft Word, but for code ... and sooooo much better. After installing VSC, be sure to install these plug-ins:
    • Markdown Preview Github Styling Custom
    • Code Spell Checker
    • Prettier
  • GitKraken: A program that will help you master using git.
  • (If you have windows) Git For Windows: This will allow you to use the same terminal commands & tools as Linux or Mac computers.
• (computer) Start an HYF Directory
• My bio on the class repo
• Hack My Future
• Markdown Home Page - my multi-page markdown home portfolio, live on github pages

Step 1:

"New Issue""

Prep Work

• Reading the week2 Topics
• Git Tutorial for Beginners: Command-Line Fundamentals LINK
• creating TEST "REPO" for relation between (Master & Branch). REPO COMMITS
• Introduction to Scrum - 7 Minutes VIDEO
• Familiarized with browser WEB-Developer & DOM

• Toggle Tools
• Inspector
• Console
• Debugger
• Network
• Style Editor
• Performance
• Memory
• Storage
• Accessibility
• ETC

• What is Responsive Web Design?

Name of Project: Branching-page

• App-theme
• live demo
• Development-Strategy.md
• step/commit 1
• step/commit 2
• step/commit 3
• step/commit 4
• step/commit 5
• step/commit 6
• step/commit 7
• step/commit 8
• step/commit 9
• step/commit 10
• step/commit 11
• step/commit 12
• step/commit 13
• step/commit 14
• step/commit 15
• step/commit 16
• step/commit 17
• step/commit 18
• step/commit 19
• step/commit 20
• step/commit 21
• step/commit 22
• step/commit 23
• step/commit 24
• step/commit 25

Exercises:

• HTML-CSS-Practice-Problems : repo Level-2, Step-2
• CSS-EXERCISES: Exercises-3, Exercises-4, Exercises-5

Follow this link to study a well-done homework issue.

Software Installations

• Chromium, Firefox or Brave: All great browsers with ES6, HTML5 & CSS3 support plus pre-installed, top-knotch developer tools. Try each one to see what you like best!
• Visual Studio Code: Like Microsoft Word, but for code ... and sooooo much better. After installing VSC, be sure to install these plug-ins:
  • Markdown Preview Github Styling Custom
  • Code Spell Checker
  • Prettier
• GitKraken: A program that will help you master using git.
• (computer) Start an HYF Directory
• My bio on the class repo
• Hack My Future
• Markdown Home Page - my multi-page markdown home portfolio, live on github pages

Prep Work

Git, GitHub & GitKraken

• git & github for poets - watch through 1.4
• LearnGitBranching & video tutorial - complete the first set of exercises
• Familiarize yourself with GitKraken
• Study this example project
• Understand how to use Atomic Commits

User Stories:

• Agile Development by Cartoon
• Splitting User Stories
• The "what" not the "how"

Relative vs. Absolute Paths

• Relative vs. Absolute Paths

Internet?

• How the Internet Works in 5 Minutes
• How do Web Browsers Work?

Code Review

• Take a look through this page from Study

acme-web-design::

• repository
• live demo
• [step 1](link to branch for version 1)
• [step 2](link to branch for version 2)
• [step 3](link to branch for version 3)
• ...

Exercises:

• exercise name: repo, live (if there is)
• exercise name: repo, live (if there is)
• ...

Follow this link to study a well-done homework issue.

• (computer) Software Installations
  • Chromium, Firefox or Brave: All great browsers with ES6, HTML5 & CSS3 support plus pre-installed, top-knotch developer tools. Try each one to see what you like best!
  • Visual Studio Code: Like Microsoft Word, but for code ... and sooooo much better. After installing VSC, be sure to install these plug-ins:
    • Markdown Preview Github Styling Custom
    • Code Spell Checker
    • Prettier
  • GitKraken: A program that will help you master using git.
  • (If you have windows) Git For Windows: This will allow you to use the same terminal commands & tools as Linux or Mac computers.
• (computer) Start an HYF Directory
• My bio on the class repo
• Hack My Future
• Markdown Home Page - my multi-page markdown home portfolio, live on github pages

• (computer) Software Installations
  • Chromium, Firefox or Brave: All great browsers with ES6, HTML5 & CSS3 support plus pre-installed, top-knotch developer tools. Try each one to see what you like best!
  • Visual Studio Code: Like Microsoft Word, but for code ... and sooooo much better. After installing VSC, be sure to install these plug-ins:
    • Markdown Preview Github Styling Custom
    • Code Spell Checker
    • Prettier
  • GitKraken: A program that will help you master using git.
  • (If you have windows) Git For Windows: This will allow you to use the same terminal commands & tools as Linux or Mac computers.
• (computer) Start an HYF Directory
• My bio on the class repo
• Hack My Future
• Markdown Home Page - my multi-page markdown home portfolio, live on github pages

Prep Work

Inspecting the DOM

• Read through this site
• And practice studying some HTML/CSS here
  HTML & CSS
• What is Responsive Design?

Name of Project: app-theme

• repository
• live demo
• Startpoint/files&folders
• Menubar
• showcaseArea
• sections
• footer
• aboutPage
• services
• contactPage
• responsiveCheck

Exercises:

• Complete all 4 of FreeCodeCamp's Responsive Web Design Principles challenges:
  
• HTML-CSS-Practice-Problems/level-2: repo LIVE

• step-1
• step-2

• css-exercises: repo

• exercise-3 LIVE
• exercise-4 LIVE
• exercise-5

Follow this link to study a well-done homework issue.

Hello everybody ,

I have difficulties on grid and in some case element position ..
if it is suitable could you overview about these subjects on bright sunday 🌞 😎 ?

My First Homework

• (computer) Software Installations
  • Chromium, Firefox or Brave: All great browsers with ES6, HTML5 & CSS3 support plus pre-installed, top-knotch developer tools. Try each one to see what you like best!
  • Visual Studio Code: Like Microsoft Word, but for code ... and sooooo much better. After installing VSC, be sure to install these plug-ins:
    • Markdown Preview Github Styling Custom
    • Code Spell Checker
    • Prettier
  • GitKraken: A program that will help you master using git.
  • (If you have windows) Git For Windows: This will allow you to use the same terminal commands & tools as Linux or Mac computers.
• (computer) Start an HYF Directory
• My bio on the class repo
• Hack My Future
• Markdown Home Page - my multi-page markdown home portfolio, live on github pages

Prep Work

• git & github for poets - watch through 1.4
• LearnGitBranching & video tutorial - complete the first set of exercise

• Familiarize yourself with GitKraken
• Study this example project
• Understand how to use Atomic Commits

User Stories

• Agile Development by Cartoon
• Splitting User Stories
• The "what" not the "how"
• Relative vs. Absolute Paths
• How the Internet Works in 5 Minutes
• How do Web Browsers Work?

Code Review

• Take a look through this page from Study

Exercises:

• Sign in to FreeCodeCamp using your GitHub account: repo

  • [step 1] Complete all 22 of FreeCodeCamp's Applied Accessibility challenges.
  • [step 2] Turn on your public portfolio so we can give feedback on your code

• Fork and Clone HTML-CSS-Practice-Problems: repo

  • [step 1] Turn on GitHub Pages
  • [step 2] Complete the exercises in ./level-1

• Fork and Clone css-exercises: repo

  • [step 1] Turn on GitHub Pages
  • [step 2] Complete exercise-1 and exercise-2

Follow this link to study a well-done homework issue.

Project:

• Name of Project: acme-web-design

• Repository
• Live demo

• Starting
• Making header
• Show case area
• Newsletter section
• Service Area
• Footer
• Styling Home page
• About page
• Services page
• Media Querties

• (computer) Software Installations
  • Chromium, Firefox or Brave: All great browsers with ES6, HTML5 & CSS3 support plus pre-installed, top-knotch developer tools. Try each one to see what you like best!
  • Visual Studio Code: Like Microsoft Word, but for code ... and sooooo much better. After installing VSC, be sure to install these plug-ins:
    • Markdown Preview Github Styling Custom
    • Code Spell Checker
    • Prettier
  • GitKraken: A program that will help you master using git.
  • (If you have windows) Git For Windows: This will allow you to use the same terminal commands & tools as Linux or Mac computers.
• (computer) Start an HYF Directory
• My bio on the class repo
• Hack My Future
• Markdown Home Page - my multi-page markdown home portfolio, live on github pages

Prep Work

Git, GitHub & GitKraken

• git & github for poets - watch through 1.4

• LearnGitBranching & video tutorial - complete the first set of exercises
  

• Familiarize yourself with GitKraken

• Study this example project

• Understand how to use Atomic Commits

User Stories

• Agile Development by Cartoon
• Splitting User Stories
• The "what" not the "how"

Relative vs. Absolute Paths

• Relative vs. Absolute Paths

Internet?

• How the Internet Works in 5 Minutes
• How do Web Browsers Work?

Code Review

• Take a look through this page from Study

Code-Along:

• repository
• live demo
• Home Layout
• Home Showcase
• Home Boxes
• About Layout
• About Main
• About Sidebar
• Services Layout
• Services Service List
• Services Quotation

Exercises:

• Sign in to FreeCodeCamp using your GitHub account:
  Complete all 22 of FreeCodeCamp's Applied Accessibility challenges.
  Turn on your public portfolio so we can give feedback on your code
  https://www.freecodecamp.org/fccbe19b110-771d-4117-bec4-730081c87f1a
  

• Fork and Clone HTML-CSS-Practice-Problems:
  Turn on GitHub Pages
  Complete the exercises in ./level-1
  https://github.com/mai-mr-mahmoud/HTML-CSS-Practice-Problems
  https://mai-mr-mahmoud.github.io//HTML-CSS-Practice-Problems/level-1/

• Fork and Clone css-exercises
  Turn on GitHub Pages
  Complete exercise-1 and exercise-2

Prep Work

• Read through this site
• And practice studying some HTML/CSS here

HTML & CSS

• What is Responsive Design?

###Code Review

• Take a look through this page from Study
  ###Code-Along

• repository

• live demo

• [step 1](link to branch for version 1)

• [step 2](link to branch for version 2)

• [step 3](link to branch for version 3)

• ...

Exercises:

• exercise name: repo, live (if there is)
• ...

Follow this link to study a well-done homework issue.

Prep Work

Inspecting the DOM

• Read through this site

• And practice studying some HTML/CSS here
  HTML & CSS

• What is Responsive Design?

• git & github for poets - watch through 1.4

• LearnGitBranching & video tutorial - complete the first set of exercises

• Familiarize yourself with GitKraken

• Study this example project

• Understand how to use Atomic Commits

Name of Project:

• repository
• live demo
• Steps description in Development Strategy file

Exercises:

• Responsive Web Design Principles : freecodecamp
  

• HTML-CSS-Practice-Problems: Level 2

• css-exercises exercise 3

• css-exercises exercise 4

• css-exercises exercise 5

• (computer) Software Installations
  • Chromium, Firefox or Brave: All great browsers with ES6, HTML5 & CSS3 support plus pre-installed, top-knotch developer tools. Try each one to see what you like best!
  • Visual Studio Code: Like Microsoft Word, but for code ... and sooooo much better. After installing VSC, be sure to install these plug-ins:
    • Markdown Preview Github Styling Custom
    • Code Spell Checker
    • Prettier
  • GitKraken: A program that will help you master using git.
  • (If you have windows) Git For Windows: This will allow you to use the same terminal commands & tools as Linux or Mac computers.
• (computer) Start an HYF Directory
• My bio on the class repo
• Hack My Future
• Markdown Home Page - my multi-page markdown home portfolio, live on github pages

• - [ ] git & github for poets - watch through 1.4

• LearnGitBranching & video tutorial - complete the first set of exercises

• Familiarise yourself with GitKraken

• Study the example project

• Understand how to use Atomic Commits

• Agile Development by Cartoon

• Splitting User Stories

• The "what" not the "how"

• relative vs. absolute paths

• How the Internet Works in 5 Minutes

• How do Web Browsers Work?

• Take a look through this page from Study

• Code-Along

• Responsive Layout

• Applied Accessibility

• HTML-CSS-Practice-Problems:

• css-exercises

Prep Work

• git & github for poets - watch through 1.4
• LearnGitBranching & video tutorial - complete the first set of exercises
• Familiarize yourself with GitKraken
• Study this example project
• Understand how to use Atomic Commits

User Stories

• Agile Development by Cartoon

• What is Agile
  * Agile Manifesto (Value left more then right)
  * 12 Principal
  * Agile Principles & Values
  * Practices

• Splitting User Stories

• Agile Principles
  *

• The "what" not the "how"

Relative Vs. Absolute paths

• Relative vs absolute paths

Internet?

• How the Internet works in 5 Minutes
• How do Web Browsers work?
• Sign in to FreeCodeCamp using your GitHub account:
  Complete all 22 of FreeCodeCamp's Applied Accessibility challenges.
  Turn on your public portfolio so we can give feedback on your code

• repository
• live demo
• Step/ Commit 1
• Step/ Commit 2
• Step/ Commit 3
• Step/ Commit 4
• Step/ Commit 5
• Step/ Commit 6
• Step/ Commit 7
• Step/ Commit 8

Exercises:

• Applied Accessibility 22: FreeCodeCamp
• Css- exercise: Exercise-1
• Css- exercise: Exercise-2
• HTML-CSS- Practice-Problems: ./level-1(Step's 1, 2, 3)

Follow this link to study a well-done homework issue.

app-theme:

• repository
• live demo
• History in commits step per step

Exercises:

• FreeCodeCamp's Responsive Web Design Principles: (https://www.freecodecamp.org/mykola_marenich)
  

• HTML-CSS-Practice-Problems: level-2: repo, live ask-on-sunday

• css-exercises repo

• exercise-3 live

• exercise-4 live ask-on-sunday

• exercise-5

• (computer) Software Installations
  • Chromium, Firefox or Brave: All great browsers with ES6, HTML5 & CSS3 support plus pre-installed, top-knotch developer tools. Try each one to see what you like best!
  • Visual Studio Code: Like Microsoft Word, but for code ... and sooooo much better. After installing VSC, be sure to install these plug-ins:
    • Markdown Preview Github Styling Custom
    • Code Spell Checker
    • Prettier
  • GitKraken: A program that will help you master using git.
  • (If you have windows) Git For Windows: This will allow you to use the same terminal commands & tools as Linux or Mac computers.
• (computer) Start an HYF Directory
• My bio on the class repo
• Hack My Future
• Markdown Home Page - my multi-page markdown home portfolio, live on github pages

Prep Work

• git & github for poets - watch through 1.4
• LearnGitBranching & video tutorial - complete the first set of exercises
• Familiarize yourself with GitKraken
• Study this example project
• Understand how to use Atomic Commits

User Stories:

• Agile Development by Cartoon
• Splitting User Stories
• The "what" not the "how"

Relative vs. Absolute Paths

• relative vs. absolute paths

Internet?

• How the Internet Works in 5 Minutes
• How do Web Browsers Work?

Code Review

• Take a look through this page from Study

Project

• Code-Along
• (github.com/Rahela-HYF/acme-web-design)
• Responsive Layout
• step-1--creating-empty-index
• step-2-adding-containers-to-index
• step-3-Adding-boxes

Exercises:

Exercises on FreeCodeCamp

• Sign in to FreeCodeCamp using your GitHub account:
  • Complete all 22 of FreeCodeCamp's Applied Accessibility challenges.
  • Turn on your public portfolio so we can give feedback on your code

Exercises on forking & cloning repositories

• Fork and Clone HTML-CSS-Practice-Problems:

  • Turn on GitHub Pages
  • Complete the exercises in ./level-1

• Fork and Clone css-exercises

  • Turn on GitHub Pages
  • Complete exercise-1 and exercise-2

• (computer) Software Installations
  • Chromium, Firefox or Brave: All great browsers with ES6, HTML5 & CSS3 support plus pre-installed, top-knotch developer tools. Try each one to see what you like best!
  • Visual Studio Code: Like Microsoft Word, but for code ... and sooooo much better. After installing VSC, be sure to install these plug-ins:
    • Markdown Preview Github Styling Custom
    • Code Spell Checker
    • Prettier
  • GitKraken: A program that will help you master using git.
  • (If you have windows) Git For Windows: This will allow you to use the same terminal commands & tools as Linux or Mac computers.
• (computer) Start an HYF Directory
• My bio on the class repo
• Hack My Future
• Markdown Home Page - my multi-page markdown home portfolio, live on github pages

Here is Landry

About me

Hello,

My name is Landry but my friends use to call me Wazza.
I striving here just to become a junior Web developer, and` so here I am to hack my future with HYF.

Prep Work

Git, GitHub & GitKraken

• git & github for poets - watch through 1.4

• LearnGitBranching & video tutorial - complete the first set of exercises
  

• Familiarize yourself with GitKraken

• Study this example project

• Understand how to use Atomic Commits

User Stories

• Agile Development by Cartoon
• Splitting User Stories
• The "what" not the "how"

Relative vs. Absolute Paths

• Relative vs. Absolute Paths

Internet?

• How the Internet Works in 5 Minutes
• How do Web Browsers Work?

Code Review

• Take a look through this page from Study

Acme-Web-Design:

• repository
• live demo
• step-1 start point
• step-2 Main Parts of HTML
• step-3 Header Menu
• step-4 Showcase Area
• Step-5 Mail Subscribe
• Step-6 Boxes
• Step-7 footer
• Step-8 About Page
• Step-9 Services
• Step-10 responsive

Exercises:

• Free Code Camp : Applied accebility-22 lessons
  

• HTML-CSS-Practice-Problems-Level 1: repo, live

• css-exercises/ exercises-1 live

• css-exercises/ exercises-2 live

Follow this link to study a well-done homework issue.