Front-End Web Development: Difference between revisions
mNo edit summary |
|||
(15 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]] | * Demonstrate proficiency in [[Secure Group Knowledge]] | ||
</br> | </br> | ||
<div class="center"> | <div class="center"> | ||
Line 21: | Line 35: | ||
!4 | !4 | ||
|- | |- | ||
! | !1 | ||
|3.000 | |3.000 | ||
|3.150 | |3.150 | ||
Line 27: | Line 41: | ||
|3.450 | |3.450 | ||
|- | |- | ||
! | !2 | ||
|4.000 | |4.000 | ||
|4.150 | |4.150 | ||
Line 33: | Line 47: | ||
|4.450 | |4.450 | ||
|- | |- | ||
! | !3 | ||
|5.000 | |5.000 | ||
|5.150 | |5.150 | ||
Line 39: | Line 53: | ||
|5.450 | |5.450 | ||
|- | |- | ||
! | !4 | ||
|6.000 | |6.000 | ||
|6.150 | |6.150 | ||
Line 45: | Line 59: | ||
|6.450 | |6.450 | ||
|- | |- | ||
! | !5 | ||
|7.000 | |7.000 | ||
|7.150 | |7.150 | ||
Line 51: | Line 65: | ||
|7.450 | |7.450 | ||
|- | |- | ||
! | !6 | ||
|8.000 | |8.000 | ||
|8.150 | |8.150 | ||
Line 60: | Line 74: | ||
</div> | </div> | ||
= [[Knowledge_Management#Knowledge_Accountability_Index|KAI]] of the | = [[Knowledge_Management#Knowledge_Accountability_Index|KAI]] of the framework = | ||
== Extensive Knowledge == | == Extensive Knowledge == | ||
</div> | </div> | ||
<div class="box-content framework"> | <div class="box-content framework"> | ||
<div class="center"> | <div class="center"> | ||
{| class="wikitable" style="text-align:center; background-color:#DEEBFF; color:#222;" | {| 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; background-color:# | |- style="font-weight:bold; vertical-align:middle; background-color:#EAECF0; color:#172B4D;" | ||
! rowspan="2" | Type | ! rowspan="2" | Type | ||
! rowspan="2" | Knowledge Description | ! rowspan="2" | Knowledge Description | ||
! colspan="6" | Minimum Grade to acquire Level X | ! colspan="6" | Minimum Grade to acquire Level X | ||
|- style="font-weight:bold; background-color:#F4F5F7; color:#172B4D;" | |- style="font-weight:bold; vertical-align:middle; background-color:#F4F5F7; color:#172B4D;" | ||
| Level 1 | | Level 1 | ||
| Level 2 | | Level 2 | ||
Line 83: | Line 92: | ||
| Level 6 | | Level 6 | ||
|- | |- | ||
| rowspan="2" style="font-weight:bold; background-color:#F4F5F7; color:#172B4D; text-align:center;" | Frameworks | |||
| rowspan="2" style="font-weight:bold; background-color:#F4F5F7; color:#172B4D; text-align: | |||
| style="background-color:#FFF; color:#172B4D; text-align:left;" | [https://en.wikipedia.org/wiki/Scrum_(software_development) Scrum] | | 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 | ||
Line 237: | Line 109: | ||
| Applied theory | | Applied theory | ||
|- | |- | ||
| rowspan="6" style="font-weight:bold; background-color:#F4F5F7; color:#172B4D; text-align: | | 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:#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 | ||
Line 286: | Line 158: | ||
| Applied theory | | Applied theory | ||
|- | |- | ||
| rowspan="3" style="font-weight:bold; background-color:#F4F5F7; color:#172B4D; text-align: | | 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:#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 | ||
Line 311: | Line 183: | ||
| Applied theory | | Applied theory | ||
|- | |- | ||
| rowspan=" | | 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/ | | 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 | ||
| style="background-color:#E3FCEF;" | Practical application | | style="background-color:#E3FCEF;" | Practical application | ||
Line 320: | Line 192: | ||
| Applied theory | | Applied theory | ||
|- | |- | ||
| style="background-color:#FFF; color:#0052CC; text-align:left;" | [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 | ||
| style="background-color:#E3FCEF;" | Practical application | | style="background-color:#E3FCEF;" | Practical application | ||
Line 328: | Line 200: | ||
| Applied theory | | Applied theory | ||
|- | |- | ||
| style="background-color:#FFF; color:#0052CC; text-align:left;" | [https://en.wikipedia.org/wiki/ | | style="background-color:#FFF; color:#0052CC; text-align:left;" | [https://en.wikipedia.org/wiki/BrowserStack BrowserStack] | ||
| style="background-color:#E3FCEF;" | Practical application | | style="background-color:#E3FCEF;" | Practical application | ||
| style="background-color:#E3FCEF;" | Practical application | | style="background-color:#E3FCEF;" | Practical application | ||
Line 336: | Line 208: | ||
| Applied theory | | Applied theory | ||
|- | |- | ||
| style="background-color:#FFF; color:#0052CC; text-align:left;" | [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 | ||
| style="background-color:#E3FCEF;" | Practical application | | style="background-color:#E3FCEF;" | Practical application | ||
Line 344: | Line 216: | ||
| Applied theory | | Applied theory | ||
|- | |- | ||
| style="background-color:#FFF; color:#0052CC; text-align:left;" | [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 | ||
| style="background-color:#E3FCEF;" | Practical application | | style="background-color:#E3FCEF;" | Practical application | ||
Line 352: | Line 224: | ||
| Applied theory | | Applied theory | ||
|- | |- | ||
| style="background-color:#FFF; color:#0052CC; text-align:left;" | [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 | ||
| style="background-color:#E3FCEF;" | Practical application | | style="background-color:#E3FCEF;" | Practical application | ||
Line 360: | Line 232: | ||
| Applied theory | | Applied theory | ||
|- | |- | ||
| style="background-color:#FFF; color:#0052CC; text-align:left;" | [https://gtmetrix.com/pro/ GTmetrix Pro] | |||
| style="background-color:#FFF; color:#0052CC; text-align:left;" | [https:// | |||
| style="background-color:#E3FCEF;" | Practical application | | style="background-color:#E3FCEF;" | Practical application | ||
| style="background-color:#E3FCEF;" | Practical application | | style="background-color:#E3FCEF;" | Practical application | ||
Line 369: | Line 240: | ||
| Applied theory | | Applied theory | ||
|- | |- | ||
| style="background-color:#FFF; color:#0052CC; text-align:left;" | [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 | ||
| style="background-color:#E3FCEF;" | Practical application | | style="background-color:#E3FCEF;" | Practical application | ||
Line 377: | Line 248: | ||
| Applied theory | | Applied theory | ||
|- | |- | ||
| style="background-color:#FFF; color:#0052CC; text-align:left;" | [https://en.wikipedia.org/wiki/ | | 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 | ||
| style="background-color:#E3FCEF;" | Practical application | | style="background-color:#E3FCEF;" | Practical application | ||
Line 385: | Line 256: | ||
| Applied theory | | Applied theory | ||
|- | |- | ||
| style="background-color:#FFF; color:#0052CC; text-align:left;" | [https://en.wikipedia.org/wiki/Nginx NGINX] | |||
| style="background-color:#FFF; color:#0052CC; text-align:left;" | [https://en.wikipedia.org/wiki/ | |||
| style="background-color:#E3FCEF;" | Practical application | | style="background-color:#E3FCEF;" | Practical application | ||
| style="background-color:#E3FCEF;" | Practical application | | style="background-color:#E3FCEF;" | Practical application | ||
Line 394: | Line 264: | ||
| Applied theory | | Applied theory | ||
|- | |- | ||
| style="background-color:#FFF; color:#0052CC; text-align:left;" | [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 | ||
| style="background-color:#E3FCEF;" | Practical application | | style="background-color:#E3FCEF;" | Practical application | ||
Line 402: | Line 272: | ||
| Applied theory | | Applied theory | ||
|- | |- | ||
| style="background-color:#FFF; color:#0052CC; text-align:left;" | [https://en.wikipedia.org/wiki/ | | style="background-color:#FFF; color:#0052CC; text-align:left;" | [https://en.wikipedia.org/wiki/Zapier Zapier] | ||
| style="background-color:#FFFAE5;" | Limited experience | | style="background-color:#FFFAE5;" | Limited experience | ||
| style="background-color:#FFFAE5;" | Limited experience | | style="background-color:#FFFAE5;" | Limited experience | ||
Line 418: | Line 280: | ||
| Applied theory | | Applied theory | ||
|- | |- | ||
| | | 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:#FFF; color:#0052CC; text-align:left;" | [https://en.wikipedia.org/wiki/ | |||
| style="background-color:#E3FCEF;" | Practical application | | style="background-color:#E3FCEF;" | Practical application | ||
| style="background-color:#E3FCEF;" | Practical application | | style="background-color:#E3FCEF;" | Practical application | ||
| Applied theory | | Applied theory | ||
| Applied theory | | Applied theory | ||
| Applied theory | | Applied theory | ||
Line 478: | Line 293: | ||
| style="background-color:#E3FCEF;" | Practical application | | style="background-color:#E3FCEF;" | Practical application | ||
| Applied theory | | Applied theory | ||
| Applied theory | | Applied theory | ||
| Applied theory | | Applied theory | ||
Line 498: | Line 305: | ||
| Applied theory | | Applied theory | ||
|- | |- | ||
| style="font-weight:bold; background-color:#F4F5F7; color:#172B4D; text-align:center;" | Languages (idioms) | |||
| style="font-weight:bold; background-color:#F4F5F7; color:#172B4D; text-align: | |||
| style="background-color:#FFF; color:#172B4D; text-align:left;" | Advanced Business English | | style="background-color:#FFF; color:#172B4D; text-align:left;" | Advanced Business English | ||
| style="background-color:#FFFAE5;" | Limited experience | | style="background-color:#FFFAE5;" | Limited experience |
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 |