Engineering
Web Engineering
170 people are learning this skill right now!
AI challenge coach
Feeling stuck on Web Engineering? Try our AI Coach (preview)With Practica's AI career coach, you'll receive personalized guidance based on your unique skills and challenges. Submit a challenge you're facing at work and our AI bot will provide tailored next steps to help you succeed. To ensure the best possible advice, be sure to include details such as your company size, role, and any other relevant information. Don't let career roadblocks slow you down - let Practica's AI coach help you navigate the way forward. Try it now!HTTP Requests
Understanding the fundamentals of HTTP requests is crucial for web engineers.
How the Web WorksWhat happens behind the scenes when we type google.com in a browser?
JavaScript
JavaScript is a key language for web engineers, allowing them to create dynamic and interactive web pages. Engineers must have a solid understanding of the language, including its syntax, data types, and how it handles asynchronous code.
What the heck is the event loop anyway?One JavaScript developer's journey towards understanding how the JavaScript call stack, event loop, callback queue, render queue and web APIs all interact.
React
React is a popular JavaScript library used for building user interfaces. Engineers must be proficient in using React's components, state management, and lifecycle methods.
React Best Practices with Kent DoddsThis episode of Software Engineering Daily discusses the growth of React, notable changes since its initial release, caveats for using Redux, improving application performance, testing, and JavaScript fatiguue.
Drawing the Invisible: How to Explain React through Visual MetaphorsMaggie explains React through visual metaphors: how React sits between the backend and the DOM, how JSX is an extension of vanilla JS, how components can be reused by providing different props, and how data and events flow through React's tree structure.
Application State
Managing application state is an essential challenge for engineers. They must be able to store and update data across different components and pages of a web application. They should also be familiar with different state management libraries.
Avoiding Accidental Complexity When Structuring Your App StateTal provides a list of practical tips of how to model app state: avoid modeling state after the server API, prefer maps to arrays, avoid modeling state after what views like to consume, never hold duplicate data in the app state, never store derived data in the state, normalize nested objects, and view app state as an in-memory database.
Authentication
Web engineers must be proficient in implementing secure authentication systems to protect user data. They should be familiar with different authentication methods, including JWT and OAuth, and be able to integrate them into their web applications. Engineers should also be aware of common security vulnerabilities and best practices for securing web applications.- Authentication in React ApplicationsKent walks through code samples for how to organize a React app with both unauthenticated and authenticated views.
Career Framework
Web Engineering is part of our Engineering Career Leveling Framework. Explore next steps in your career from this industry-standard model.