ER

No se si estos cursos podrían ser innecesarios, pero para mí (capaz a otros también), les parecería bien que estos cursos fueran agregados a la especialidad de JavaScript, creo que a todos los que estamos aprendiendo JavaScript nos gustaría mucho:

  • Depuración y manejo de errores.

  • Pruebas unitarias, de integración y/o funcionales.

Muchas gracias por darnos educación de calidad ✌️

ER

Necesito que el header no se sobreponga al contenido al tener un ID como link; en Firefox (que es el navegador que uso) tengo el problema totalmente solucionado, pero en los demás navegadores si funciona pero no como yo espero.

Tengo dos archivos HTML, en uno tengo las secciones referenciadas por un ID, en el otro tengo los anchors con sus respectivos href="" referenciando los ID de las secciones del otro archivo (No se si me haga entender).

Quería usar un fiddle con fines ilustrativos pero no se ajusto a lo que necesito; por lo tanto este seria el primer archivo:

<header class="header"></header>
<section id="section-1" class="section">
    <h1>Heading 1</h1>
    <p>Lorem ipsum dolor sit amet, consectetur 
adipisicing elit. Itaque odio modi soluta voluptas qui. Ad 
consequatur similique molestias, neque veniam vel magni 
impedit libero dolore. Molestiae nam voluptatum nihil culpa.</p>
</section>
<section id="section-2" class="section">
    <h1>Heading 2</h1>
    <p>Lorem ipsum dolor sit amet, consectetur 
adipisicing elit. Itaque odio modi soluta voluptas qui. Ad 
consequatur similique molestias, neque veniam vel magni 
impedit libero dolore. Molestiae nam voluptatum nihil culpa.</p>
</section>
<section id="section-3" class="section">
    <h1>Heading 3</h1>
    <p>Lorem ipsum dolor sit amet, consectetur 
adipisicing elit. Itaque odio modi soluta voluptas qui. Ad 
consequatur similique molestias, neque veniam vel magni 
impedit libero dolore. Molestiae nam voluptatum nihil culpa.</p>
</section>
.header {
   position: fixed;
   top: 0;
   width: 100%;
   height: 72px;
   background-color: beige;
}
.section {
   box-sizing: border-box;
   padding: 36px;
   margin-bottom: 48px;
   background-color: yellow;
}
.section:first-of-type {
   margin-top: 75vh;
}
.section:last-of-type {
   margin-bottom: 75vh;
}
const sections = document.getElementsByClassName("section");
const hashChange = () => {
   Array.from(sections).forEach(section => {
       if (location.hash === "#" + section.id) {
           document.documentElement.scrollTop = section.offsetTop - 72;
       }
   });
};
addEventListener("DOMContentLoaded", hashChange);
addEventListener("hashchange", hashChange, false);

Y este sería el código del segundo archivo:

<a href="archivo.html#section-1">Section-1</a>
<a href="archivo.html#section-2">Section-2</a>
<a href="archivo.html#section-3">Section-3</a>

Nota: He visto muchas soluciones en Stack Overflow la mayoria usan css, pero ninguna me llega a gustar, si no es posible solucionar esto en Javascript (que no creo), me tocara usar la pseudo clase :target

ER

Tengo pensado crear una SPA con algo demasiado minimo de backend como proyecto personal y deseo desplegarlo en internet, un amigo me ayudara a pagar el alojamiento y pues no quiero serle una carga. Por lo tanto, me surge la duda sobre el costo de facturacion mensual ya que al parecer (o eso entendi), AWS es mas barato que rentar un VPS, cierto? Si me pudiesen ayudar con este tema, estaria muy agradecido.

Pd. Me podrían dar ideas de proyectos front-end, es que las ideas que tengo siempre requieren de un back-end 😅

ER

Actualmente me encuentro desempleado y necesito conseguir trabajo urgentemente, siento que aun me falta mucho por aprender y me siento como un completo principiante.

Estos son los conocimientos que manejo actualmente: HTML, CSS, Sass, JavaScript parcial.

Aclaro que despues de ver los cursos, leo documentación para tener un conocimiento mas "profundo" sobre estas tecnologias y hago lo posible por ponerlos en practica.

Muchas gracias de antemano.

ER

Qué tal comunidad, aunque leí el código de conducta no encontré si este tipo de preguntas se puedan publicar aquí. Prosiguiendo con el hilo general, me gustaría que me ayudaran a mejorar en buena manera este código, tanto en lineas de código, rendimiento, legibilidad, etc. Básicamente es un script para añadir un tema oscuro y que preserve la apariencia del tema mediante una cookie.

Pd. Solo incluyo el código javascript, ya que lo demás no es relevante a mi criterio.

let darkThemeButton = document.getElementById("dark-theme"),
    body = document.body,
    tags = body.getElementsByTagName("*");

function addDarkClass() {
    document.cookie = "theme=dark";
    body.classList.add("dark");
    body.classList.remove("light");
    for (let i = 0; i < tags.length; i++) {
        tags[i].classList.add("dark");
    }
    darkThemeButton.innerHTML = "Desactivar tema oscuro";
}

function addLightClass() {
    document.cookie = "theme=light";
    body.classList.add("light");
    body.classList.remove("dark");
    for (let i = 0; i < tags.length; i++) {
        tags[i].classList.remove("dark");
    }
    darkThemeButton.innerHTML = "Activar tema oscuro";
}

darkThemeButton.addEventListener("click", function () {
    let containsClass = body.classList.contains("light");
    if (containsClass) {
        addDarkClass();
    } else {
        addLightClass();
    }
});

function detectDarkTheme() {
    if (document.cookie === "theme=dark") {
        return true;
    }
    return false;
}

function setDarkTheme() {
    if (detectDarkTheme()) {
        addDarkClass();
    } else {
        addLightClass();
    }
}

setDarkTheme();
ER

Como ya mencione en la pregunta, la idea que tengo es empezar a crear aplicativos web en donde el usuario final (el cliente), pueda subir y editar sus propios contenidos sin necesidad de saber codigo, he escuchado de muchas fuentes que debo aprender PHP, otros me han dicho que Python. Tambien me han dicho que debo aprender frameworks Front End en especial Angular y aprender Noje.js. ¿Qué hay de cierto con todo esto? ¿Qué cursos me recomiendan para aprender a crear este tipo de aplicativos?

Aclaro que no quiero nada como WordPress, Magento, Joomla y cosas por el estilo.

De antemano muchas gracias a EDTeam y a la comunidad.

Amigos

Eduardo aún no tiene un enlace de referidos

Si eres estudiante premium ya tienes el enlace en tu perfil de usuario. Si aún no eres premium recibirás tu enlace de referidos como recompensa cada vez que completes un curso gratuito.

Más información

Estos son los beneficios que tú y Eduardo recibirán si compras con su enlace de referidos 🙌

BeneficiosMensualSemestralAnual
Descuento ()$ 3 USD$ 15 USD$ 120 USD
Semanas gratis (Eduardo)1612

Al comprar con el enlace de referidos aceptas los términos y condiciones

Publicaciones
Certificados
Me gusta
Referidos