Tengo núcleos de HTML y CSS pero quiero crear páginas web funcionales / receptivas. ¿A donde debería ir?

De hecho, puedes hacer MUCHO solo con HTML y CSS, así que sigue aprendiendo sobre estas cosas. Obtenga más información sobre el diseño receptivo. Experimenta con posicionamiento, colores y formas. Algo más sobre HTML y CSS se ve a simple vista, inicialmente. Aquí hay un proyecto de Codepen donde alguien hizo a Brian Griffin de Family Guy con solo estas cosas.

En cuanto a la opinión de sus amigos sobre JavaScript, dejaría de tomar consejos, al menos en lo que respecta al desarrollo web. JavaScript tiene mucho odio por ser escrito de forma dinámica y tener muchas peculiaridades, pero para muchas personas, como yo, no es malo trabajar con él. Es una sugerencia para aprender que Ruby absolutamente NO lo ayudará con el trabajo de front-end. Tu amigo te está diciendo que aprendas el desarrollo de back-end, pero no parece que es donde estás ahora o adónde quieres ir.

Aprender lenguajes de programación no es un trato sencillo. JavaScript es el único lenguaje de programación que se ejecuta en todos los navegadores web. Así que adelante y aprende JavaScript. Si desea entrar en el desarrollo de back-end más tarde, puede hacerlo, ya sea aprendiendo un nuevo idioma o usando JavaScript en el tiempo de ejecución de Node.

PD: como diseñador web, puede que le guste aprender jQuery primero, ya que simplifica la API front-end, lo que hace que el trabajo de un diseñador sea más fácil y rápido. Pero no seas complaciente; aprenda JavaScript front-end básico eventualmente.

Para la capacidad de respuesta, puede usar:

  • Bootstrap: Bootstrap · El marco front-end más popular del mundo para dispositivos móviles y receptivos.
  • Fundación: el marco front-end receptivo más avanzado del mundo.

Usé ambos y me gusta más Foundation porque realmente se enfoca en la capacidad de respuesta de los sitios web y adopta el paradigma de los dispositivos móviles primero.

Con respecto a la parte de JavaScript, te animo a que lo aprendas porque es el idioma del navegador y es indispensable para todos los creadores de sitios web en la actualidad.

Deje de decir que no es un buen diseñador web, solo necesita practicar y luego vendrá la confianza.

Si necesita un ejemplo en el que pueda hacerlo, eche un vistazo a este artículo en el medio: Aprender a programar desde cero: de un programador autodidacta a otro, donde documente mi viaje como programador autodidacta.

No dude en comunicarse si desea hablar más sobre el desarrollador web @RautaAlin en Twitter.

¡Espero eso ayude!

Aclamaciones,

Estoy de acuerdo con las respuestas de Alin y Lyle. Si está buscando crear páginas receptivas con facilidad, Bootstrap y Foundation son realmente geniales. No he jugado con Foundation, pero solo he escuchado grandes cosas al respecto. Te animo a que intentes usarlos a ambos y ver cuál prefieres. También es posible crear páginas receptivas sin Bootstrap y Foundation, y podría ser útil investigar un poco sobre cómo hacerlo sin marcos CSS para que pueda comprender mejor CSS en general.

En cuanto al JS, definitivamente creo que deberías aprenderlo o al menos probarlo. Hay muchos recursos en línea excelentes para comenzar. CodeSchool, Codecademy, Khan Academy son cómo me mojé los pies con JS. Lo disfruté mucho y tengo la sensación de que tú también lo harás. Dado que es el idioma del navegador, sería realmente difícil evitarlo después de cierto punto, por lo que no está de más probarlo. 😉

Entonces, ¿a dónde vas desde aquí? Por un lado, antes de comenzar a codificar, cree en ti mismo y deja de decirte que eres malo. Todos podemos ser mejores HTML / CSS-ers / Diseñadores / JavaScripters / Pianists / lo que sea. No te desanimes, especialmente si recién estás comenzando. En cuanto a los bits de codificación, siga trabajando en su HTML y CSS haciendo algunas páginas receptivas para las personas que conoce que necesitan sitios web o proyectos para su aprendizaje. Prueba JS y Rails. Su amigo dice que JS “es el diablo”, pero se sorprendería de cuántos evangelistas de JS hay. Juega con ellos y desarrolla tu propia opinión sobre ellos.

Estoy en Twitter en @TritiaLiTimmins si alguna vez quieres chatear o tienes preguntas.

Feliz codificación

Si realmente desea sobresalir en convertirse en un desarrollador web front-end, necesitará aprender al menos los conceptos básicos de JavaScript en un momento u otro. Por ahora, sin embargo, usar frameworks como Bootstrap funcionará igual de bien.

Considera también buscar en plataformas como WordPress si aún no lo has hecho. Recuerda que lleva tiempo antes de que seas “bueno” para hacer estas cosas de desarrollo web, así que sigue practicando y buscando cursos en línea que te muestren cómo crear nuevos proyectos que nunca has hecho antes.

De esta manera, siempre estás aprendiendo algo nuevo constantemente. Yo personalmente recomiendo Treehouse, Udemy o Skillshare para aprender cómo desarrollar sitios web en línea.

Aprenda cómo convertirse en un desarrollador web independiente

Robin Haney

Realmente no puedo concebir un desarrollador web que no conozca JavaScript. Es el único lenguaje de programación que los navegadores pueden entender. Es esencial.

Eso no es un golpe en Rails, que nunca he usado tanto pero parece estar bien. Dicho esto, te garantizo que cada sitio de Rails TAMBIÉN usa JavaScript.

Básicamente, simplemente arroje el consejo de su amigo por la ventana, vaya a Free Code Camp y avance en el plan de estudios. Simplemente haga clic en el enlace a continuación, sea paciente y siga aprendiendo. Intenta dedicar al menos un par de horas al día a aprender y practicar.

Aprenda a codificar y ayudar a organizaciones sin fines de lucro

Si desea buscar páginas web receptivas, puede probar el popular marco CSS llamado Bootstrap – Bootstrap · El marco front-end más popular del mundo para dispositivos móviles y receptivos. Es un marco que lo ayuda a construir un sitio web receptivo con un buen sistema de cuadrícula y varios componentes como botones, alertas, controles deslizantes, carrusel, barra de navegación, etc. Realmente lo recomiendo porque tenía núcleos de HTML y CSS. Si no desea ir con un marco, puede aprender consultas de medios que le permiten crear un sitio web receptivo, pero lleva mucho tiempo.

Bootstrap ayudará con los sitios web receptivos (Bootstrap · El marco front-end receptivo y móvil más popular del mundo). Aprenda los conceptos básicos de javascript (no escuche a su amigo). Javascript está literalmente en todas partes, por lo que es crucial entenderlo.

More Interesting

Lancé un nuevo sitio y los 'diseñadores web' me siguen contactando a través de los datos de WHOIS. ¿Cómo están descubriendo esto tan rápido?

Soy un estudiante de ingeniería mecatrónica, también estoy interesado en el desarrollo web. ¿Es una pérdida de tiempo tomar el desarrollo web como una carrera secundaria?

Soy un estudiante de biología del 11º grado en India y quiero pasar a la programación. ¿Cuáles son los problemas que probablemente enfrentaré al conseguir trabajo?

Estoy comenzando mi primer trabajo de desarrollador front-end. ¿En qué debería centrarme para tener éxito?

He trabajado como diseñador / desarrollador web durante 5 años con poco que mostrar. ¿Cómo construyo una cartera?

Soy relativamente nuevo en programación y me gustaría construir un sistema de gestión del aprendizaje como proyecto de práctica. ¿PHP y MySQL serían una buena opción de lenguaje? Si no, ¿cómo lo hago?

Cómo realizar esta validación en ASP.NET MVC: si el campo FromDate tiene un valor, solo entonces, el campo EndDate también debe tener un valor

Quiero construir un PAAS, pero ¿por dónde empiezo?

He creado mi sitio web en mi servidor local y estoy listo para comprar un hosting y un nombre de dominio. ¿Qué debo elegir y por qué?

Cómo obtener múltiples valores de casillas de verificación de HTML a PHP sin enviar un formulario y sin tener un botón de envío

Cómo crear mis propias entradas para eventos

Si tengo un sitio web receptivo existente codificado principalmente en html5, CSS y Java (sin php), ¿cómo puedo agregar un blog de wordpress al sitio sin convertirlo en un tema de wp? ¿Hay buena documentación sobre esto? Solo quiero que la sección del blog sea wp.

¿Cómo editar una casilla de verificación si está guardando las casillas de verificación en una sola columna en una base de datos, dado que una casilla de verificación desmarcada no se guardará en la base de datos? ¿Qué pasa si vas a editar esas casillas de verificación?

Acabo de comenzar a aprender desarrollo web, ¿qué idiomas debo aprender y cuál es el alcance de la carrera en este campo?

Soy un principiante y quiero crear mi propio sitio web. ¿Cómo podría hacer eso y por dónde empezar?