¿Cuáles son los mejores recursos para aprender más sobre los navegadores, el diseño del marco web y la seguridad?

Tu pregunta es demasiado “amplia”, así que me permitiré hablar sobre cómo ser un mejor desarrollador web en general.

Aprende sobre los protocolos. HTML, HTTPS, Websockets. No necesita leer la especificación completa, pero al menos conoce la diferencia entre un 401 y un 403.
CSS, SASS, MENOS. No puedo enfatizar esto lo suficiente. Puede construir el sistema más impresionante de la historia, pero si ni siquiera puede alinear los botones, a nadie le gustará.
Javascript Tienes dos opciones. Aprenda JS o sufra de JS, a veces solo hay uno. También debe aprender Jquery, AngularJS o ReactJS al menos.
Servidores web. Apache y NGINX. Solicitudes basadas en subprocesos, basadas en procesos, ioloops, agrupaciones de conexiones.
Ahora puede comenzar a aprender sobre los navegadores, pero en mi opinión no profundice demasiado. Solo lea un poco sobre los motores Webkit, Chromium y JS como V8 y SpiderMonkey. El resto del tiempo lo aprende sobre cómo usar las Herramientas para desarrolladores de Chrome. En serio, no hay un solo navegador web en el mercado que tenga un buen conjunto de herramientas. Ni siquiera Firefox que comenzó todo con Firebug.
Seguridad. Al ser un desarrollador web novato, lo único que puede hacer es evitar los ataques convencionales como la inyección SQL, los ataques XSS y otras cosas. Todos están muy bien documentados y la mayoría de los marcos te ayudarán. Los ataques dirigidos a su sistema aún pasarán y, por favor, no se asuste, mejorará cada vez. (Echa un vistazo a OWASP)
Todavía hay una lista gigante de cosas (como lenguajes de fondo, bases de datos, capas de caché, CDN, que necesita aprender, pero no tenga miedo de llegar allí mucho más fácil de lo que piensa.

Buena suerte 🙂