meta data for this page
  •  

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
Next revision 		Previous revision
ixc2024:tech:wfrontend:start [2024/05/27 14:23]
rubenhuygens 		ixc2024:tech:wfrontend:start [2024/08/26 06:59] (current)
rubenhuygens
Line 10: Line 10:
 == Requirements == == Requirements ==
  
-  * Use **React** as a frontend framework for developing your Web Application. Do not use frameworks such as Next.js. +  * Use **React** as a frontend framework for developing your Web Application. 
   * Use **Netlify** to deploy your Web Application   * Use **Netlify** to deploy your Web Application
  
Line 18: Line 18:
    * CSS ([[https://developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web/CSS_basics|Read More]])\\    * CSS ([[https://developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web/CSS_basics|Read More]])\\
    * JavaScript ([[https://developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web/JavaScript_basics|Read More]])\\    * JavaScript ([[https://developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web/JavaScript_basics|Read More]])\\
-   * Sustainability on the web ([[https://rootwebdesign.studio/articles/what-is-sustainable-web-design/|Read article]])+   * Sustainability on the web ([[https://rootwebdesign.studio/articles/what-is-sustainable-web-design/|Read article]]) (Second week)
  
  
Line 25: Line 25:
   * Manage the codebase using **GitHub** for the purpose of collaborative development, we recommend **GitHub Desktop** for beginners   * Manage the codebase using **GitHub** for the purpose of collaborative development, we recommend **GitHub Desktop** for beginners
   * **VScode** is the recommended IDE because of its ease of use and global acceptance   * **VScode** is the recommended IDE because of its ease of use and global acceptance
-  * Use **MaterialUI** for designing your Web Application and for making it accessible to variety of users with possible different impairments (visual impairment) and different use cases (PC, laptop, smart phones of different sizes, tablets) MaterialUI's already ready components increase the development speed and lead to a cleaner, more understandable code+  * Use **MaterialUI** for designing your Web Application and for making it accessible to a variety of users with possible different impairments (visual impairment) and different use cases (PC, laptop, smartphones of various sizes, tablets) MaterialUI's already ready components increase the development speed and lead to a cleaner, more understandable code
  
  
 ==== Let’s get started! ==== ==== Let’s get started! ====
 == Go through each page to get familiar with project phases and tools: == == Go through each page to get familiar with project phases and tools: ==
-   - [[ixc2024:Tech:WFrontend:Project_Planning:start|Project Planning]] +   - [[ixc2024:tech:wfrontend:Ideation|Ideation]] 
-   - [[ixc2024:Tech:WFrontend:Criteria:start|(Green Coding) Criteria]] +   - [[ixc2024:tech:wfrontend:Teamwork|Teamwork]]
-   - [[ixc2024:Tech:WFrontend:Designing:start|Designing Your Solution]]+
    - [[ixc2024:Tech:WFrontend:Environment:start|Setting Up Your Development Environment]]    - [[ixc2024:Tech:WFrontend:Environment:start|Setting Up Your Development Environment]]
    - [[ixc2024:Tech:WFrontend:Implementing Planning:start|Implementing Your Solution]]    - [[ixc2024:Tech:WFrontend:Implementing Planning:start|Implementing Your Solution]]
    - [[ixc2024:Tech:WFrontend:Deploying:start|Deploying Your Solution]]    - [[ixc2024:Tech:WFrontend:Deploying:start|Deploying Your Solution]]
 +   - [[ixc2024:Tech:WFrontend:Criteria:start|Green Coding]]
    - [[ixc2024:Tech:WFrontend:Resources:start|Resources]]    - [[ixc2024:Tech:WFrontend:Resources:start|Resources]]
  
Line 44: Line 44:
   * **Stay Organized**: Keep your codebase and tasks organized. Regularly review and refactor your code.   * **Stay Organized**: Keep your codebase and tasks organized. Regularly review and refactor your code.
   * **Seek Feedback**: Get feedback from mentors and peers to improve your project.   * **Seek Feedback**: Get feedback from mentors and peers to improve your project.
-  * **Have Fun**: Most important is to have fun and learn something along the way!=)+  * **Have Fun**: The most important is to have fun and learn something along the way!=)