Front-End Web Development: Difference between revisions

From Secure Group Wiki
Jump to navigation Jump to search
No edit summary
 
(12 intermediate revisions by the same user not shown)
Line 1: Line 1:
Our front-end web developers take care of crafting the design of our websites, ensuring that they are clear to use and to navigate, and allowing our users to have a pleasant experience when interacting with the site.
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.
They understand the importance of website usability so in their day to day they strive to change, test and optimize in order to improve our online presence.
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 =
= Progression =
 
In order to progress in our development path and Level Up or Step Up, our Front-End developers must:
In order to progress in our development path and Level Up or Step Up, our Front-End Web Developers must:
* Meet the criteria of the Level & Step Chart for the [[Performance#Individual_Contributors_Levels|Individual Contributors Path]]
* Meet the criteria of the Level & Step Chart for the chosen path [[Individual_Contributors|Individual Contributors Path]]
* Meet the [[Front-End_Web_Development#KAI_of_the_framework|KAI]] grade of the framework related to each level
* Score at least 4 in the [[KAI]] of the position in order to reach Level 3
* Demonstrate proficiency in [[Secure Group Knowledge]]
* Demonstrate proficiency in [[Secure Group Knowledge]]
</br>
</br>


<div class="center">
<div class="center">
Line 27: Line 35:
!4
!4
|-
|-
!Front-End Web Developer
!1
|3.000  
|3.000  
|3.150  
|3.150  
Line 33: Line 41:
|3.450  
|3.450  
|-
|-
!Sr. Front-End Web Developer lvl II
!2
|4.000  
|4.000  
|4.150  
|4.150  
Line 39: Line 47:
|4.450  
|4.450  
|-
|-
!Sr. Front-End Web Developer lvl III
!3
|5.000  
|5.000  
|5.150  
|5.150  
Line 45: Line 53:
|5.450  
|5.450  
|-
|-
!Sr. Front-End Web Developer lvl IV
!4
|6.000  
|6.000  
|6.150  
|6.150  
Line 51: Line 59:
|6.450  
|6.450  
|-
|-
!Sr. Front-End Web Architect  lvl V
!5
|7.000  
|7.000  
|7.150  
|7.150  
Line 57: Line 65:
|7.450  
|7.450  
|-
|-
!Sr. Front-End Web Architect lvl VI
!6
|8.000  
|8.000  
|8.150  
|8.150  
Line 66: Line 74:
</div>
</div>


= [[Knowledge_Management#Knowledge_Accountability_Index|KAI]] of the position =
= [[Knowledge_Management#Knowledge_Accountability_Index|KAI]] of the framework =
 
<!-- JOB FRAMEWORK -->
<div class="grid two-columns">
<div class="">
  <div class="box-header center">
== 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:#F4F5F7; color:#172B4D;"
|- 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 89: Line 92:
| Level 6
| Level 6
|-
|-
| rowspan="2" style="font-weight:bold; background-color:#F4F5F7; color:#172B4D; text-align:left;" | Frameworks
| 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:#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 106: Line 109:
| Applied theory
| Applied theory
|-
|-
| rowspan="6" style="font-weight:bold; background-color:#F4F5F7; color:#172B4D; text-align:left;" | Programming languages
| 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 155: Line 158:
| Applied theory
| Applied theory
|-
|-
| rowspan="3" style="font-weight:bold; background-color:#F4F5F7; color:#172B4D; text-align:left;" | Libraries
| 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 180: Line 183:
| Applied theory
| Applied theory
|-
|-
| rowspan="12" style="font-weight:bold; background-color:#F4F5F7; color:#172B4D; text-align:left;" | Software/Tools/Platforms
| 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:#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
Line 277: Line 280:
| Applied theory
| Applied theory
|-
|-
| rowspan="3" style="font-weight:bold; background-color:#F4F5F7; color:#172B4D; text-align:left;" | Software/Tools/Platforms - Server Administration
| 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/Docker_(software) Docker Engine/Container]
| style="background-color:#E3FCEF;" | Practical application
| style="background-color:#E3FCEF;" | Practical application
Line 302: Line 305:
| Applied theory
| Applied theory
|-
|-
| style="font-weight:bold; background-color:#F4F5F7; color:#172B4D; text-align:left;" | Languages (idioms)
| 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:#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:



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