[x] use the LiveServer extension to launch an HTML page in the browser
[x] use autocomplete to begin a new HTML document, create new tags, and much more
[x] use the HTML CSS Support and IntelliSense fo CSS class names extensions to make writing HTML & CSS more efficient
Formatting HTML & CSS: You can ...
[x] use VSCode configurations to format your code on save
[x] use npm run format to format all the code in your repository
[x] Linting CSS: You can use the npm run lint:css script to find mistakes in your CSS, and you can fix the mistakes.
[x] Validating HTML: You can use the npm run validate:html script to find mistakes in your CSS, and you can fix the mistakes.
Browser Developer Tools: You can ...
[x] inspect the source code of a web page using the Sources tab
[x] find any part of the web page in the Elements tab of your Dev Tools DOM inspector
[x] find the styles for any element in the Elements tab
[x] make temporary changes in a web page from the Elements tab to see how they will look
1. Following plans
Practice working together in a group to build small websites in incremental steps according to a plan:
[x] Project Definition and Scope
[x] Project Constraints
[x] Communication Plans
[x] Using a Backlog: develop from a backlog of features organized by priority:
must-have
should-have
could-have
[x] Follow a Development Strategies
[x] Create Issues From a Dev Strategy
[x] Retrospective: Your group can complete a retrospective to ...
assess how well you worked as a group
find ways to improve in the next project
compare your plan to the reality of developing your website
[x] Claiming and Completing Issues: You can claim issues from the TODO column of a project board and ...
[x] track your progress with the project board
[x] develop your code locally on a separate branch
[x] send a PR that passes CI checks and meets the requirements
[x] Code Review: You can both review a group mate's PR, and productively participate in a review of your own code.
[x] Match a Design & Acceptance Criteria: When developing your tasks, you can write code that matches the project's - [
[x] Wireframe and meets your issue's Acceptance Criteria.
1. Writing plans
Practicing writing your own plans as a group. You will be given only the final code for HTML/CSS web pages, your group will need write a detailed plan for rebuilding the website in small steps.
[x] Write User Personas
[x] Write User Stories
[x] Write a Backlog
[x] Create a Prioritized Design
[x] Write a Development Strategies
1. Adapting plans
Practice having regular meetings with your group to review the website's progress, review your plan, and make any changes in the plan that are necessary to keep the project on schedule.
[x] Adjusting the Backlog
[x] Adjusting the Design
[x] Updating the Project Board
Week 1:
I Need Help With:
Growing my expertise with CSS and HTML
Practicing more agile development
What went well?
Having a smooth transition into Agile Development, although I still need to practice more to better deploy software creation.
What went less well?
Getting along with CSS and HTML since I'm still not so strong with my skills and knowledge on the ground.
Lessons Learned
I learned that the 'agile development' methodology can be a great asset into a successful software creation and implementation while working alone or collaborating with others.
Week 2:
I Need Help With:
Improving my CSS & HTML skills.
Mastering Agile Development Mindset.
What went well?
Working together with the team building together the two websites we were asked for.
What went less well?
Building my part of the website using CSS & HTML since it's still a work in progress.
Lessons Learned
I learned that working together can be very beneficial when coding because it allows you to brainstorm whenever lacking of ideas on how to put together the website itself.
Learning Objectives
1. Developing HTML and CSS
VSCode: you can ...
Formatting HTML & CSS: You can ...
[x] use VSCode configurations to format your code on save
[x] use npm run format to format all the code in your repository
[x] Linting CSS: You can use the npm run lint:css script to find mistakes in your CSS, and you can fix the mistakes.
[x] Validating HTML: You can use the npm run validate:html script to find mistakes in your CSS, and you can fix the mistakes.
Browser Developer Tools: You can ...
1. Following plans
Practice working together in a group to build small websites in incremental steps according to a plan:
1. Writing plans
Practicing writing your own plans as a group. You will be given only the final code for HTML/CSS web pages, your group will need write a detailed plan for rebuilding the website in small steps.
1. Adapting plans
Practice having regular meetings with your group to review the website's progress, review your plan, and make any changes in the plan that are necessary to keep the project on schedule.
Week 1:
I Need Help With:
What went well?
Having a smooth transition into Agile Development, although I still need to practice more to better deploy software creation.
What went less well?
Getting along with CSS and HTML since I'm still not so strong with my skills and knowledge on the ground.
Lessons Learned
I learned that the 'agile development' methodology can be a great asset into a successful software creation and implementation while working alone or collaborating with others.
Week 2:
I Need Help With:
What went well?
Working together with the team building together the two websites we were asked for.
What went less well?
Building my part of the website using CSS & HTML since it's still a work in progress.
Lessons Learned
I learned that working together can be very beneficial when coding because it allows you to brainstorm whenever lacking of ideas on how to put together the website itself.