Front-End Web Development: Difference between revisions

From Secure Group Wiki
Jump to navigation Jump to search
No edit summary
 
(18 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 Web Developers must:
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 chosen path [[Individual_Contributors|Individual Contributors Path]]
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.
* Score at least 4 in the [[KAI]] of the position in order to reach Level 3
 
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
|-
|-
!Front-End Web Developer
!1
|3.000  
|3.000  
|3.150  
|3.150  
Line 27: Line 41:
|3.450  
|3.450  
|-
|-
!Sr. Front-End Web Developer lvl II
!2
|4.000  
|4.000  
|4.150  
|4.150  
Line 33: Line 47:
|4.450  
|4.450  
|-
|-
!Sr. Front-End Web Developer lvl III
!3
|5.000  
|5.000  
|5.150  
|5.150  
Line 39: Line 53:
|5.450  
|5.450  
|-
|-
!Sr. Front-End Web Developer lvl IV
!4
|6.000  
|6.000  
|6.150  
|6.150  
Line 45: Line 59:
|6.450  
|6.450  
|-
|-
!Sr. Front-End Web Architect  lvl V
!5
|7.000  
|7.000  
|7.150  
|7.150  
Line 51: Line 65:
|7.450  
|7.450  
|-
|-
!Sr. Front-End Web Architect lvl VI
!6
|8.000  
|8.000  
|8.150  
|8.150  
Line 60: Line 74:
</div>
</div>


= [[Knowledge_Management#Knowledge_Accountability_Index|KAI]] of the position =
= [[Knowledge_Management#Knowledge_Accountability_Index|KAI]] of the framework =
 
== Extensive Knowledge ==
<!-- JOB FRAMEWORK -->
<div class="grid two-columns">
<div class="">
  <div class="box-header center">
== General 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;"
!rowspan="2"|Concepts
|- style="font-weight:bold; vertical-align:middle; background-color:#EAECF0; color:#172B4D;"
|[https://en.wikipedia.org/wiki/Balanced_scorecard Balanced Scorecard]
! rowspan="2" | Type
|-
! rowspan="2" | Knowledge Description
|[https://en.wikipedia.org/wiki/Scrum_(software_development) Scrum]
! colspan="6" | Minimum Grade to acquire Level X
|-
|- style="font-weight:bold; vertical-align:middle; background-color:#F4F5F7; color:#172B4D;"
!rowspan="1"|'''Frameworks'''
| Level 1
|[https://en.wikipedia.org/wiki/Scrum_(software_development) Scrum]
| Level 2
|-
| Level 3
!rowspan="6"|'''Softwares/Tools/Platforms - Usage'''
| Level 4
|[https://en.wikipedia.org/wiki/Confluence_(software) Atlassian Confluence]
| Level 5
|-
| Level 6
|[https://en.wikipedia.org/wiki/Jira_(software) Atlassian Jira]
|-
|[https://en.wikipedia.org/wiki/BambooHR BambooHR]
|-
|[https://www.small-improvements.com/ Small Improvements]
|-
|[https://www.idaptive.com/ Idaptive]
|-
|[https://en.wikipedia.org/wiki/Zapier Zapier]
|-
!rowspan="1"|Languages (Idioms)
|Advanced English
|}
  </div>
</div>
</div>
 
<!-- JOB FRAMEWORK -->
<div class="">
  <div class="box-header center">
== Specific Knowledge ==
  </div>
  <div class="box-content framework">
    <div class="center">
{| class="wikitable"
!colspan="6"|Specific Knowledge
|-
!rowspan="15"|'''Concepts'''
|[https://en.wikipedia.org/wiki/A/B_testing A/B Split Testing]
|-
|[https://www.dhs.gov/cisa/cdm Continuous Diagnostics and Mitigation (CDM)]
|-
|[https://en.wikipedia.org/wiki/Layout Email design, layout, and development best practices]
|-
|[https://www.salesforce.com/form/demo/crm-marketing-email-studio/ Email Studio]
|-
|[https://en.wikipedia.org/wiki/Slicing_(interface_design) Graphic Slicing]
|-
|[https://en.wikipedia.org/wiki/Integrated_development_environment IDE]
|-
|[https://en.wikipedia.org/wiki/Image_file_formats Image File Formats]
|-
|[https://blog.imagekit.io/5-essential-image-optimisation-techniques-for-web-and-mobile-apps-fcf79ed47f8c?gi=db79d5d81713 Image optimization techniques]
|-
|[https://en.wikipedia.org/wiki/Responsive_web_design Responsive Design]
|-
|[https://en.wikipedia.org/wiki/Search_engine_optimization SEO On-Page (Search Engine Optimisation)]
|-
|[https://en.wikipedia.org/wiki/Search_engine_optimization SEO Content (Search Engine Optimisation)]
|-
|[https://en.wikipedia.org/wiki/Tableless_web_design Tableless Layout]
|-
|[https://en.wikipedia.org/wiki/Version_control Version Control via Git]
|-
|[https://en.wikipedia.org/wiki/Web_performance Web Performance Experience]
|-
|[https://en.wikipedia.org/wiki/Internet_security Web Security Experience]
|-
!rowspan="6"|Languages
|[https://en.wikipedia.org/wiki/Bash_(Unix_shell) Bash Script]
|-
|-
|[https://en.wikipedia.org/wiki/Cascading_Style_Sheets CSS]
| 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/HTML HTML]
| 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/JavaScript JavaScript]
| 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
|-
|-
|[https://en.wikipedia.org/wiki/PHP PHP]
| style="background-color:#FFF; color:#0052CC; text-align:left;" | [https://en.wikipedia.org/wiki/Cascading_Style_Sheets CSS]
| 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/SQL SQL]
| 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
|-
|-
!rowspan="1"|Frameworks
| style="background-color:#FFF; color:#0052CC; text-align:left;" | [https://en.wikipedia.org/wiki/JavaScript JavaScript]
|[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
|-
|-
!rowspan="3"|Libraries
| style="background-color:#FFF; color:#0052CC; text-align:left;" | [https://en.wikipedia.org/wiki/PHP PHP]
|[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
|-
|-
|[https://en.wikipedia.org/wiki/JQuery JQuery]
| 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/React_(JavaScript_library) React.js]
| 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
|-
|-
!rowspan="9"|Softwares/Tools/Platforms - Usage
| style="background-color:#FFF; color:#0052CC; text-align:left;" | [https://en.wikipedia.org/wiki/JQuery JQuery]
|[https://en.wikipedia.org/wiki/Adobe_Creative_Suite Adobe Creative Suite]
| 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/Bamboo_(software) Atlassian Bamboo]
| style="background-color:#FFF; color:#0052CC; text-align:left;" | [https://en.wikipedia.org/wiki/React_(JavaScript_library) React.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/Bitbucket Atlassian Bitbucket]
| 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/BrowserStack BrowserStack]
| 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
|-
|-
|[https://docs.docker.com/registry/ Docker Registry]
| 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
| Applied theory
| Applied theory
| Applied theory
| Applied theory
|-
|-
|[https://gtmetrix.com/pro/ GTmetrix Pro]
| 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://blog.hubspot.com/customers/introducing-hubspot-cms Hubspot CMS]
| 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/Nginx NGINX]
| 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://en.wikipedia.org/wiki/WordPress WordPress]
| 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
|-
|-
!rowspan="6"|Softwares/Tools/Platforms - Configuration
| style="background-color:#FFF; color:#0052CC; text-align:left;" | [https://blog.hubspot.com/customers/introducing-hubspot-cms Hubspot CMS]
|[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
|-
|-
|[https://en.wikipedia.org/wiki/CPanel CPanel]
| 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/Docker_(software) Docker Engine/Container]
| 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/Microsoft_Azure Microsof Azure]
| 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
|-
|-
|[https://en.wikipedia.org/wiki/Nginx NGINX]
| 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:#E3FCEF;" | Practical application
| Applied theory
| Applied theory
| Applied theory
|-
|-
|[https://en.wikipedia.org/wiki/WordPress WordPress]
| 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
|-
|-
!rowspan="3"|Softwares/Tools/Platforms - Server Administration
| style="background-color:#FFF; color:#0052CC; text-align:left;" | [https://en.wikipedia.org/wiki/Nginx NGINX]
|[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/Nginx NGINX]
| 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
|-
|-
|[https://en.wikipedia.org/wiki/WordPress WordPress]
| 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>

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
Retrieved from "https://managementmodel.info/index.php?title=Front-End_Web_Development&oldid=3454"