Engineering
Web Engineering
189 people are learning this skill right now!
Learn Web Engineering with the Practica AI Coach
The Practica AI Coach helps you improve in Web Engineering by using your current work challenges as opportunities to improve. The AI Coach will ask you questions, instruct you on concepts and tactics, and give you feedback as you make progress.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.
Related Skills
- Prioritization for Engineering
- Incident Response
- Product Development Flows
- Generative AI
- Engineering Director Role
- Tech Lead Role
- Refactoring
- Security Principles
- Security Leadership
- Tech Talks
- Engineering Career Ladders
- Code Reviews
- Data Modeling
- Intro to Eng Management
- Testing & Quality
- Software Design Docs
- Microservices
- Hiring Engineers
- Clean Code
- CTO's Role
- Software Architecture
- Estimation
- Senior Engineer
- Documentation
- Technical Debt
- Mentorship for Engineers
- Product-Focused Engineering
- Asking for Help
- Scoping
- Configuration at Scale
- Principal Engineer
- On-Call Rotation
- Structuring Engineering Teams
- Debugging
- Continuous Deployment
- Reliability Leadership
- Reliability Principles
- VP Engineering Role
- Tech Writing
- Monitoring & Observability
- Terminals and Systems
- Mobile Engineering
- Pair Programming
- Onboarding Engineers
- Development Velocity