Front-End Web Development: Difference between revisions
(30 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
In order to progress in our development path and Level Up or Step Up, our Front-End | Our front-end web developers are responsible for implementing web applications using different tools, and ensuring that they are clear to use and to navigate allowing our users to have a pleasant and efficient experience when interacting with the site. | ||
* Meet the criteria of the Level & Step Chart for the | With an extreme focus on security, they understand the importance of website usability so, in their day-to-day, they strive to change, automate, and perform tests in order to optimize the websites' performance and improve our online presence. | ||
* | |||
Through continuous integration and deployment, domain and, access management, the key to fast growth in this framework is to develop websites that excel in: | |||
* Accessibility | |||
* Stability | |||
* Security | |||
* SEO Optimisation | |||
* Speedy Development | |||
</br> | |||
= Progression = | |||
In order to progress in our development path and Level Up or Step Up, our Front-End developers must: | |||
* Meet the criteria of the Level & Step Chart for the [[Performance#Individual_Contributors_Levels|Individual Contributors Path]] | |||
* Meet the [[Front-End_Web_Development#KAI_of_the_framework|KAI]] grade of the framework related to each level | |||
* Demonstrate proficiency in [[Secure Group Knowledge]] | |||
</br> | </br> | ||
<div class="center"> | |||
= Salary Grid = | |||
All mentioned salary ranges represent the monthly income in Bulgarian Lev after taxes and deductions. | |||
<div class="center"> | |||
= | |||
{| class="wikitable" | {| class="wikitable" | ||
! | !colspan="2"|Front-End Web Development | ||
| | !colspan="4"|Step | ||
|- | |- | ||
| | !rowspan="11"|Level | ||
|- | |- | ||
! | !Individual Contributor Path | ||
!1 | |||
!2 | |||
!3 | |||
!4 | |||
|- | |- | ||
! | !1 | ||
| | |3.000 | ||
|3.150 | |||
|3.300 | |||
|3.450 | |||
|- | |- | ||
| | !2 | ||
|4.000 | |||
|4.150 | |||
|4.300 | |||
|4.450 | |||
|- | |- | ||
| | !3 | ||
|5.000 | |||
|5.150 | |||
|5.300 | |||
|5.450 | |||
|- | |- | ||
| | !4 | ||
|6.000 | |||
|6.150 | |||
|6.300 | |||
|6.450 | |||
|- | |- | ||
| | !5 | ||
|7.000 | |||
|7.150 | |||
|7.300 | |||
|7.450 | |||
|- | |- | ||
| | !6 | ||
| | |8.000 | ||
| | |8.150 | ||
| | |8.300 | ||
|8.450 | |||
|} | |} | ||
</div> | |||
</div> | </div> | ||
= [[Knowledge_Management#Knowledge_Accountability_Index|KAI]] of the framework = | |||
== Extensive Knowledge == | |||
== | |||
</div> | </div> | ||
<div class="box-content framework"> | <div class="box-content framework"> | ||
<div class="center"> | <div class="center"> | ||
{| class="wikitable" | {| class="wikitable" style="text-align:center; font-size:11px; font-family:Arial, Helvetica, sans-serif !important;; background-color:#DEEBFF; color:#222;" | ||
|- style="font-weight:bold; vertical-align:middle; background-color:#EAECF0; color:#172B4D;" | |||
! rowspan="2" | Type | |||
! rowspan="2" | Knowledge Description | |||
! colspan="6" | Minimum Grade to acquire Level X | |||
|- style="font-weight:bold; vertical-align:middle; background-color:#F4F5F7; color:#172B4D;" | |||
| Level 1 | |||
| Level 2 | |||
| Level 3 | |||
| Level 4 | |||
| | | Level 5 | ||
| Level 6 | |||
| | |||
| | |||
| | |||
| | |||
| | |||
| | |||
| | |||
| | |||
| | |||
| | |||
|- | |- | ||
|[https://en.wikipedia.org/wiki/ | | rowspan="2" style="font-weight:bold; background-color:#F4F5F7; color:#172B4D; text-align:center;" | Frameworks | ||
| style="background-color:#FFF; color:#172B4D; text-align:left;" | [https://en.wikipedia.org/wiki/Scrum_(software_development) Scrum] | |||
| style="background-color:#FFFAE5;" | Limited experience | |||
| style="background-color:#FFFAE5;" | Limited experience | |||
| style="background-color:#E3FCEF;" | Practical application | |||
| Applied theory | |||
| Applied theory | |||
| Applied theory | |||
|- | |- | ||
|[https://en.wikipedia.org/wiki/ | | style="background-color:#FFF; color:#0052CC; text-align:left;" | [https://en.wikipedia.org/wiki/Vue.js Vue.js] | ||
| style="background-color:#E3FCEF;" | Practical application | |||
| style="background-color:#E3FCEF;" | Practical application | |||
| Applied theory | |||
| Applied theory | |||
| Applied theory | |||
| Applied theory | |||
|- | |- | ||
|[https://en.wikipedia.org/wiki/ | | rowspan="6" style="font-weight:bold; background-color:#F4F5F7; color:#172B4D; text-align:center;" | Programming languages | ||
| style="background-color:#FFF; color:#0052CC; text-align:left;" | [https://en.wikipedia.org/wiki/Bash_(Unix_shell) Bash Script] | |||
| style="background-color:#E3FCEF;" | Practical application | |||
| style="background-color:#E3FCEF;" | Practical application | |||
| Applied theory | |||
| Applied theory | |||
| Applied theory | |||
| Applied theory | |||
|- | |- | ||
| style="background-color:#FFF; color:#0052CC; text-align:left;" | [https://en.wikipedia.org/wiki/Cascading_Style_Sheets CSS] | |||
|[https://en.wikipedia.org/wiki/ | | style="background-color:#E3FCEF;" | Practical application | ||
| style="background-color:#E3FCEF;" | Practical application | |||
| Applied theory | |||
| Applied theory | |||
| Applied theory | |||
| Applied theory | |||
|- | |- | ||
|[https://en.wikipedia.org/wiki/ | | style="background-color:#FFF; color:#0052CC; text-align:left;" | [https://en.wikipedia.org/wiki/HTML HTML] | ||
| style="background-color:#E3FCEF;" | Practical application | |||
| style="background-color:#E3FCEF;" | Practical application | |||
| Applied theory | |||
| Applied theory | |||
| Applied theory | |||
| Applied theory | |||
|- | |- | ||
|[https://en.wikipedia.org/wiki/ | | style="background-color:#FFF; color:#0052CC; text-align:left;" | [https://en.wikipedia.org/wiki/JavaScript JavaScript] | ||
| style="background-color:#E3FCEF;" | Practical application | |||
| style="background-color:#E3FCEF;" | Practical application | |||
| Applied theory | |||
| Applied theory | |||
| Applied theory | |||
| Applied theory | |||
|- | |- | ||
|[https://en.wikipedia.org/wiki/ | | style="background-color:#FFF; color:#0052CC; text-align:left;" | [https://en.wikipedia.org/wiki/PHP PHP] | ||
| style="background-color:#E3FCEF;" | Practical application | |||
| style="background-color:#E3FCEF;" | Practical application | |||
| Applied theory | |||
| Applied theory | |||
| Applied theory | |||
| Applied theory | |||
|- | |- | ||
|[https://en.wikipedia.org/wiki/ | | style="background-color:#FFF; color:#0052CC; text-align:left;" | [https://en.wikipedia.org/wiki/SQL SQL] | ||
| style="background-color:#E3FCEF;" | Practical application | |||
| style="background-color:#E3FCEF;" | Practical application | |||
| Applied theory | |||
| Applied theory | |||
| Applied theory | |||
| Applied theory | |||
|- | |- | ||
|[https://en.wikipedia.org/wiki/ | | rowspan="3" style="font-weight:bold; background-color:#F4F5F7; color:#172B4D; text-align:center;" | Libraries | ||
| style="background-color:#FFF; color:#0052CC; text-align:left;" | [https://en.wikipedia.org/wiki/Ajax_(programming) Ajax] | |||
| style="background-color:#E3FCEF;" | Practical application | |||
| style="background-color:#E3FCEF;" | Practical application | |||
| Applied theory | |||
| Applied theory | |||
| Applied theory | |||
| Applied theory | |||
|- | |- | ||
| style="background-color:#FFF; color:#0052CC; text-align:left;" | [https://en.wikipedia.org/wiki/JQuery JQuery] | |||
|[https://en.wikipedia.org/wiki/ | | style="background-color:#E3FCEF;" | Practical application | ||
| style="background-color:#E3FCEF;" | Practical application | |||
| Applied theory | |||
| Applied theory | |||
| Applied theory | |||
| Applied theory | |||
|- | |- | ||
| style="background-color:#FFF; color:#0052CC; text-align:left;" | [https://en.wikipedia.org/wiki/React_(JavaScript_library) React.js] | |||
|[https://en.wikipedia.org/wiki/ | | style="background-color:#E3FCEF;" | Practical application | ||
| style="background-color:#E3FCEF;" | Practical application | |||
| Applied theory | |||
| Applied theory | |||
| Applied theory | |||
| Applied theory | |||
|- | |- | ||
|[https://en.wikipedia.org/wiki/ | | rowspan="12" style="font-weight:bold; background-color:#F4F5F7; color:#172B4D; text-align:center;" | Software/Tools/Platforms | ||
| style="background-color:#FFF; color:#0052CC; text-align:left;" | [https://en.wikipedia.org/wiki/Bamboo_(software) Atlassian Bamboo] | |||
| style="background-color:#E3FCEF;" | Practical application | |||
| style="background-color:#E3FCEF;" | Practical application | |||
| Applied theory | |||
| Applied theory | |||
| Applied theory | |||
| Applied theory | |||
|- | |- | ||
|[https://en.wikipedia.org/wiki/ | | style="background-color:#FFF; color:#0052CC; text-align:left;" | [https://en.wikipedia.org/wiki/Bitbucket Atlassian Bitbucket] | ||
| style="background-color:#E3FCEF;" | Practical application | |||
| style="background-color:#E3FCEF;" | Practical application | |||
| Applied theory | |||
| Applied theory | |||
| Applied theory | |||
| Applied theory | |||
|- | |- | ||
| style="background-color:#FFF; color:#0052CC; text-align:left;" | [https://en.wikipedia.org/wiki/BrowserStack BrowserStack] | |||
|[https://en.wikipedia.org/wiki/ | | style="background-color:#E3FCEF;" | Practical application | ||
| style="background-color:#E3FCEF;" | Practical application | |||
| Applied theory | |||
| Applied theory | |||
| Applied theory | |||
| Applied theory | |||
|- | |- | ||
|[https://en.wikipedia.org/wiki/ | | style="background-color:#FFF; color:#0052CC; text-align:left;" | [https://en.wikipedia.org/wiki/CPanel CPanel] | ||
| style="background-color:#E3FCEF;" | Practical application | |||
| style="background-color:#E3FCEF;" | Practical application | |||
| Applied theory | |||
| Applied theory | |||
| Applied theory | |||
| Applied theory | |||
|- | |- | ||
|[https://en.wikipedia.org/wiki/ | | style="background-color:#FFF; color:#0052CC; text-align:left;" | [https://en.wikipedia.org/wiki/Docker_(software) Docker Engine/Container] | ||
| style="background-color:#E3FCEF;" | Practical application | |||
| style="background-color:#E3FCEF;" | Practical application | |||
| Applied theory | |||
| Applied theory | |||
| Applied theory | |||
| Applied theory | |||
|- | |- | ||
|[https:// | | style="background-color:#FFF; color:#0052CC; text-align:left;" | [https://docs.docker.com/registry/ Docker Registry] | ||
| style="background-color:#E3FCEF;" | Practical application | |||
| style="background-color:#E3FCEF;" | Practical application | |||
| Applied theory | |||
| Applied theory | |||
| Applied theory | |||
| Applied theory | |||
|- | |- | ||
|[https:// | | style="background-color:#FFF; color:#0052CC; text-align:left;" | [https://gtmetrix.com/pro/ GTmetrix Pro] | ||
| style="background-color:#E3FCEF;" | Practical application | |||
| style="background-color:#E3FCEF;" | Practical application | |||
| Applied theory | |||
| Applied theory | |||
| Applied theory | |||
| Applied theory | |||
|- | |- | ||
|[https:// | | style="background-color:#FFF; color:#0052CC; text-align:left;" | [https://blog.hubspot.com/customers/introducing-hubspot-cms Hubspot CMS] | ||
| style="background-color:#E3FCEF;" | Practical application | |||
| style="background-color:#E3FCEF;" | Practical application | |||
| Applied theory | |||
| Applied theory | |||
| Applied theory | |||
| Applied theory | |||
|- | |- | ||
|[https:// | | style="background-color:#FFF; color:#0052CC; text-align:left;" | [https://en.wikipedia.org/wiki/Microsoft_Azure Microsoft Azure] | ||
| style="background-color:#E3FCEF;" | Practical application | |||
| style="background-color:#E3FCEF;" | Practical application | |||
| Applied theory | |||
| Applied theory | |||
| Applied theory | |||
| Applied theory | |||
|- | |- | ||
|[https://en.wikipedia.org/wiki/Nginx NGINX] | | style="background-color:#FFF; color:#0052CC; text-align:left;" | [https://en.wikipedia.org/wiki/Nginx NGINX] | ||
| style="background-color:#E3FCEF;" | Practical application | |||
| style="background-color:#E3FCEF;" | Practical application | |||
| Applied theory | |||
| Applied theory | |||
| Applied theory | |||
| Applied theory | |||
|- | |- | ||
|[https://en.wikipedia.org/wiki/WordPress WordPress] | | style="background-color:#FFF; color:#0052CC; text-align:left;" | [https://en.wikipedia.org/wiki/WordPress WordPress] | ||
| style="background-color:#E3FCEF;" | Practical application | |||
| style="background-color:#E3FCEF;" | Practical application | |||
| Applied theory | |||
| Applied theory | |||
| Applied theory | |||
| Applied theory | |||
|- | |- | ||
| style="background-color:#FFF; color:#0052CC; text-align:left;" | [https://en.wikipedia.org/wiki/Zapier Zapier] | |||
|[https://en.wikipedia.org/wiki/ | | style="background-color:#FFFAE5;" | Limited experience | ||
| style="background-color:#FFFAE5;" | Limited experience | |||
| style="background-color:#E3FCEF;" | Practical application | |||
| Applied theory | |||
| Applied theory | |||
| Applied theory | |||
|- | |- | ||
|[https://en.wikipedia.org/wiki/ | | rowspan="3" style="font-weight:bold; background-color:#F4F5F7; color:#172B4D; text-align:center;" | Software/Tools/Platforms - Server Administration | ||
| style="background-color:#FFF; color:#0052CC; text-align:left;" | [https://en.wikipedia.org/wiki/Docker_(software) Docker Engine/Container] | |||
| style="background-color:#E3FCEF;" | Practical application | |||
| style="background-color:#E3FCEF;" | Practical application | |||
| Applied theory | |||
| Applied theory | |||
| Applied theory | |||
| Applied theory | |||
|- | |- | ||
|[https://en.wikipedia.org/wiki/ | | style="background-color:#FFF; color:#0052CC; text-align:left;" | [https://en.wikipedia.org/wiki/Nginx NGINX] | ||
| style="background-color:#E3FCEF;" | Practical application | |||
| style="background-color:#E3FCEF;" | Practical application | |||
| Applied theory | |||
| Applied theory | |||
| Applied theory | |||
| Applied theory | |||
|- | |- | ||
|[https://en.wikipedia.org/wiki/ | | style="background-color:#FFF; color:#0052CC; text-align:left;" | [https://en.wikipedia.org/wiki/WordPress WordPress] | ||
| style="background-color:#E3FCEF;" | Practical application | |||
| style="background-color:#E3FCEF;" | Practical application | |||
| Applied theory | |||
| Applied theory | |||
| Applied theory | |||
| Applied theory | |||
|- | |- | ||
| | | style="font-weight:bold; background-color:#F4F5F7; color:#172B4D; text-align:center;" | Languages (idioms) | ||
|- | | style="background-color:#FFF; color:#172B4D; text-align:left;" | Advanced Business English | ||
| | | style="background-color:#FFFAE5;" | Limited experience | ||
| | | style="background-color:#FFFAE5;" | Limited experience | ||
| style="background-color:#E3FCEF;" | Practical application | |||
| | | Applied theory | ||
| | | Applied theory | ||
| | | Applied theory | ||
| | |||
| | |||
|} | |} | ||
</div> | </div> | ||
Line 152: | Line 318: | ||
</div> | </div> | ||
</div> | </div> | ||
Latest revision as of 08:00, 10 August 2022
Our front-end web developers are responsible for implementing web applications using different tools, and ensuring that they are clear to use and to navigate allowing our users to have a pleasant and efficient experience when interacting with the site. With an extreme focus on security, they understand the importance of website usability so, in their day-to-day, they strive to change, automate, and perform tests in order to optimize the websites' performance and improve our online presence.
Through continuous integration and deployment, domain and, access management, the key to fast growth in this framework is to develop websites that excel in:
- Accessibility
- Stability
- Security
- SEO Optimisation
- Speedy Development
Progression
In order to progress in our development path and Level Up or Step Up, our Front-End developers must:
- Meet the criteria of the Level & Step Chart for the Individual Contributors Path
- Meet the KAI grade of the framework related to each level
- Demonstrate proficiency in Secure Group Knowledge
Salary Grid
All mentioned salary ranges represent the monthly income in Bulgarian Lev after taxes and deductions.
Front-End Web Development | Step | ||||
---|---|---|---|---|---|
Level | |||||
Individual Contributor Path | 1 | 2 | 3 | 4 | |
1 | 3.000 | 3.150 | 3.300 | 3.450 | |
2 | 4.000 | 4.150 | 4.300 | 4.450 | |
3 | 5.000 | 5.150 | 5.300 | 5.450 | |
4 | 6.000 | 6.150 | 6.300 | 6.450 | |
5 | 7.000 | 7.150 | 7.300 | 7.450 | |
6 | 8.000 | 8.150 | 8.300 | 8.450 |
KAI of the framework
Extensive Knowledge
Type | Knowledge Description | Minimum Grade to acquire Level X | |||||
---|---|---|---|---|---|---|---|
Level 1 | Level 2 | Level 3 | Level 4 | Level 5 | Level 6 | ||
Frameworks | Scrum | Limited experience | Limited experience | Practical application | Applied theory | Applied theory | Applied theory |
Vue.js | Practical application | Practical application | Applied theory | Applied theory | Applied theory | Applied theory | |
Programming languages | Bash Script | Practical application | Practical application | Applied theory | Applied theory | Applied theory | Applied theory |
CSS | Practical application | Practical application | Applied theory | Applied theory | Applied theory | Applied theory | |
HTML | Practical application | Practical application | Applied theory | Applied theory | Applied theory | Applied theory | |
JavaScript | Practical application | Practical application | Applied theory | Applied theory | Applied theory | Applied theory | |
PHP | Practical application | Practical application | Applied theory | Applied theory | Applied theory | Applied theory | |
SQL | Practical application | Practical application | Applied theory | Applied theory | Applied theory | Applied theory | |
Libraries | Ajax | Practical application | Practical application | Applied theory | Applied theory | Applied theory | Applied theory |
JQuery | Practical application | Practical application | Applied theory | Applied theory | Applied theory | Applied theory | |
React.js | Practical application | Practical application | Applied theory | Applied theory | Applied theory | Applied theory | |
Software/Tools/Platforms | Atlassian Bamboo | Practical application | Practical application | Applied theory | Applied theory | Applied theory | Applied theory |
Atlassian Bitbucket | Practical application | Practical application | Applied theory | Applied theory | Applied theory | Applied theory | |
BrowserStack | Practical application | Practical application | Applied theory | Applied theory | Applied theory | Applied theory | |
CPanel | Practical application | Practical application | Applied theory | Applied theory | Applied theory | Applied theory | |
Docker Engine/Container | Practical application | Practical application | Applied theory | Applied theory | Applied theory | Applied theory | |
Docker Registry | Practical application | Practical application | Applied theory | Applied theory | Applied theory | Applied theory | |
GTmetrix Pro | Practical application | Practical application | Applied theory | Applied theory | Applied theory | Applied theory | |
Hubspot CMS | Practical application | Practical application | Applied theory | Applied theory | Applied theory | Applied theory | |
Microsoft Azure | Practical application | Practical application | Applied theory | Applied theory | Applied theory | Applied theory | |
NGINX | Practical application | Practical application | Applied theory | Applied theory | Applied theory | Applied theory | |
WordPress | Practical application | Practical application | Applied theory | Applied theory | Applied theory | Applied theory | |
Zapier | Limited experience | Limited experience | Practical application | Applied theory | Applied theory | Applied theory | |
Software/Tools/Platforms - Server Administration | Docker Engine/Container | Practical application | Practical application | Applied theory | Applied theory | Applied theory | Applied theory |
NGINX | Practical application | Practical application | Applied theory | Applied theory | Applied theory | Applied theory | |
WordPress | Practical application | Practical application | Applied theory | Applied theory | Applied theory | Applied theory | |
Languages (idioms) | Advanced Business English | Limited experience | Limited experience | Practical application | Applied theory | Applied theory | Applied theory |