Extenza-Academy / WebDev-100_2021-Q1

24 Lessons, 12 Weeks, Get Started as a Web Developer

2 stars 0 forks source link

1.1. Assignment #6

Closed dev-experience closed 3 years ago

dev-experience commented 3 years ago

https://github.com/dev-experience/Web-Dev-For-Beginners/tree/main/lessons/1-getting-started-lessons/1-intro-to-programming-languages#assignment

mserykh commented 3 years ago

Tooling

Safety Net:

linters: eslint
source code controls: GitHub, GitLab
code formatters: Prettier
bundlers / packages: Parcel, Webpack

Transformation:

babel, PostCSS
Sass/SCSS, TypeScript, React, Ember, Vue

Post-development:

testing: Jest, Mocha, Jasmine, Travis CI, Jenkins, Circle CI
deployment: Netlify, Vercel and Github Pages.
others: getting quality metrics, app uptime monitoring, cross-browser compatibility check (extensions as well).

My examples

Safety Net:

Version control system: Mercurial
TypeScript linter: TSLint
Static type checker: FLOW

Transformation:

HTML preprocessor: Pug

Post-development

Testing: Sinon.js
PageSpeed Insights
Web Accessibility Evaluation Tool: WAVE

dev-experience commented 3 years ago

@mserykh please update the comment based on the assignment expectations: https://github.com/Extenza-Academy/WebDev-100_2021-Q1/blob/main/lessons/1-getting-started-lessons/1-intro-to-programming-languages/assignment.md#rubric

mserykh commented 3 years ago

My examples

Safety Net:

Version control system: Mercurial will be used for version tracking, for having full history of changes of the project, both locally and remotely.
TypeScript linter: TSLint will be used for easier way to check code readability, functional errors, keeping track of static types and validating code patterns.
Static type checker: FLOW will be used for checking types to make process of coding faster and easier.

Transformation:

HTML preprocessor: Pug will be used to improve code readability and speed of coding, but I think mainly as Pug is a templating framework will be used for Node.ja projects, React projects, for projects when it requires to produce the dynamic HTML web content.

Post-development

Testing: Sinon.js will be used for testing JS code: ajax with Fake XMLHttpRequest, behavior of functions,, where faking server is needed, testing time-sensitive logic.
PageSpeed Insights will be used to analyse how a web page can be improved in terms of UX.
Web Accessibility Evaluation Tool: WAVE will be used to estimate accessibility level of the web-site.