Maria Alexandra Vargas Ortega
Desarrolladora Web Apasionada por el Frontend
Life as a Frontend Web Developer
An approach using Black boxes to build things!
Hola,
I am Alexa
Frontend Developer
7+ years of Experience
I like to build things that help people's lives
April my last month
New job!
What does it mean to be a Frontend Developer?
Develop in the client side
Key parts of bulding a website
HTML
CSS
JAVASCRIPT
Let's do an Analogy!
HTML
<href>
<ul>
<button>
...
.header {
display: flex;
...
}
CSS
function showMenu () {
...//amazing code!
}
JAVASCRIPT
Simple right?
...
LET'S
"Becoming a Frontend Developer in 2021"
Roadmap Frontend Dev
Open Source Project by:
kamranahmedse Kamran Ahmed and contribuitors
Ehh...
When
I will be Ready?
Depends...
So first we should focus on learning the basics
Then we can ask ourselves:
what am I trying to solve?
And then, what is my type of job?
"Types" of work that
Frontend Developers can have
Styling (CSS)
Layout (Lets do Puzzles!)
React
Vue
Angular
Svelte
... & more
State
Redux
MobX
Vuex
....
Async
How can we navigate this FE world?
BlackBox
Example
import anime from "animejs";
let duration = 2e3;
function animate(el, e) {
anime({
targets: el,
backgroundColor: "#b30000",
duration: duration,
translateX: [0, 250], // from 0 to 250
delay: 250,
direction: "alternate",
loop: true
});
}
export { animate, duration };
Why is it important?
Remember we have a community and documentation!
Help!
What if we extend this concept into knowledge boxes!
Building things with Blackboxes
You don't need to know
EVERYTHING
So let's build things!
Questions?
Gracias!
Blackboxes, lego blocks and being a Frotend Developer
By Maria Alexandra Vargas Ortega
