Use LEFT and RIGHT arrow keys to navigate between flashcards;
Use UP and DOWN arrow keys to flip the card;
H to show hint;
A reads text to speech;
16 Cards in this Set
- Front
- Back
What is Web Development? |
The process of creating or growing websites and web applications |
|
What is the Front-End? |
The graphical user interface designed to enable user-friendly interactions between the software and its users |
|
Therefore, Front-End Web Development is... ? |
The process of creating or growing graphical user interfaces to allow for user-friendly interactions between a website or web application and its users |
|
What is a Website? |
A combination of software and content born to advertise someone's products or services or to share information |
|
What is a Web Application? |
A combination of software and content born to solve a specific problem (e.g. calculating something, generating a file in some format...) |
|
Is there a hard line between a Website and a Web Application? |
No, the line is sometimes blurry: which one is an e-commerce? |
|
What is a Front-End Web Developer's role? |
1) implementing design received from a UX/UI/Web/Graphics Designer 2) manipulating content received from a Content Strategist (or other Marketing role) |
|
How to manipulate content? |
Ask the Back-end Web Developer what functions, objects, API calls... to make |
|
Basic Day to Day Tasks |
- Implementing a mockup (website, application, e-mail template) - Cloning an existing website - Making websites or web applications Responsive |
|
Advanced Day to Day Tasks |
- Creating CMS themes - Accessibility - SEO - Debugging display errors - Debugging front-end performance or security |
|
Basic Skills |
- TCP/IP, HTTP, HTTPS, DNS protocols - HTML - CSS - Javascript - Responsive Web Development |
|
Intermediate, often required Skills |
- Bootstrap, Foundation... CSS frameworks - SASS, LESS, Stylus... CSS preprocessors - Proper image handling (format, sizing, compression...) - jQuery... Javascript libraries - AJAX, JSON, XML - Chome/Firefox/IE Developer Tools |
|
Advanced Skills |
- Wordpress, Drupal, Joomla... theming - PHP, NodeJS, Java, Ruby, Python... backend - MySQL, PostgreSQL, MariaDB... DBMS - Backbone, Ember, Angular, React, Meteor, Vue... Javascript Frameworks - Mocha, Jasmine, Karma... unit testing - Cross browser development - Advanced data structures and algorithms |
|
Accessory Skills |
- GIT, SVN, Mercurial... versioning tools - Grunt, Gulp... task runners - Webpack, Browserify... packaging tools - Accessibility, SEO, UX/UI/Web Design, Content Strategy, Performance and Security fundamentals - Agile, Scrum, Lean... dev methodologies - Devops fundamentals (local dev env, deploy) |
|
Soft Skills |
- Communication - Teamwork - Self-sufficiency - Adaptability - Problem Solving - Conflict Solving - Critical Observation - Time Management |
|
Trending Technologies |
- HTML5 & CSS3 - Javascript ES6 - Flexbox - CSS Grids - Angular & React - Wordpress REST API |