Giter Club home page Giter Club logo

easy-trip's People

Contributors

amir-rastkhadiv avatar

Watchers

 avatar

easy-trip's Issues

4 Deploy an interactive Frontend

web application to a Cloud

platform.

  • 4.1 Deploy a final version of the interactive web application code to a cloud-based hosting platform (e.g. GitHub Pages).
  • 4.2 Ensure that the deployed application is free of commented out code and has no broken internal links. Use Git & GitHub for version control of an interactive web application up to deployment.

Research

Real Projects, How are they doing it?

1 Design, develop and implement a dynamic Frontend web application using HTML, CSS and JavaScript.

Targeted Criteria:

  • Design a web application that meets accessibility guidelines, follows UX design principles, presents a structured layout and navigation model, and meets its given purpose.
  • Design interactivity for a web application that lets users initiate and control actions and give feedback.
  • Write custom JavaScript, HTML and CSS code to create a responsive Frontend web application consisting of one or more HTML pages with significant interactive functionality.
  • Write JavaScript code to produce relevant responses to user actions.
  • Implement an interactive web application that incorporates images or graphics of usable resolution, legible, unobscured text, consistent styling, and undistracted foregrounds.

5. Demonstrate and document the development

the process through a version control system such as

GitHub.

  • 5.1 Document the full development cycle, with clear evidence given through commit messages, the README.
  • 5.2 Write a README.md file for the interactive web application that explains its purpose and the value that it provides to its users.
  • 5.3 Clearly separate and identify code written for the interactive web application and code from external sources (e.g. libraries or tutorials). Attribute any code from external sources to its source via comments above the code and (for larger dependencies) in the README.
  • 5.4 Use consistent and effective markdown formatting, that is well-structured, easy to follow, and has few grammatical errors, when writing a README file.

Mini Projects

Do walkthrough projects and incorporate mini projects with the right technology into the main project by dividing the main project into simple mini-projects.

3 Test an interactive frontend web application

through the development, implementation and
deployment stages.

  • 3.1 Design and implement manual testing procedures to assess the web application's functionality, usability, and responsiveness.
  • 3.2 Insert screenshots of the finished project that align with relevant user stories.
  • 3.3 Design and implement automatic testing procedures to assess the functionality of interactive code, following a test-driven development approach, evidenced by sets of unit tests committed with the code.
  • 3.4 Apply test procedures during the development and implementation stages and test to ensure the deployed version matches the development version. Fully document the results of well-planned manual and automated testing procedures to assess the website's functionality, usability and responsiveness.

2- Implement Frontend interactivity, using core JavaScript, JavaScript libraries and/or Application Programming Interfaces (APIs).

  • Write JavaScript functions that correctly implement compound statements such as “if statements” and loops.
  • Write code that intelligently handles empty or invalid input data.
  • Implement appropriate working functionality for all project requirements.
  • Organise non-trivial JavaScript code in an external file(s) linked to the bottom of the body element (or bottom of the head element if it needs to be loaded before the body HTML and CSS code in external files linked to HTML in the head element.
  • Write code that meets minimum standards for readability (comments, indentation, consistent and meaningful naming conventions).
  • Name files consistently and descriptively, without spaces or capitalisation to allow for cross-platform compatibility.
  • Write code that does not generate internal errors on the page or in the console as a result of user actions. Organise code and assets files in directories by file type.
  • Write code that does not generate internal errors on the page or in the console as a result of user actions. Organise code and assets files in directories by file type.

Planning

Find the right technology and intuitive content to include on the website.

Toolkits

List of toolkits, learning schedule, new skills etc.

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.