Me estoy enseñando a codificar como un hobby y sé HTML, CSS y algunos jQuery / JS. ¿Cuáles son algunos proyectos front-end que podría intentar construir para ponerme a prueba?

Una vez, un amigo mío intentó construir una herramienta web para estilizar una página para que pareciera un periódico. La idea era que podía recuperar de un servidor los artículos y mostrarlos como lo haría en un periódico.

Podrías intentar construir algo así. Una aplicación simple de una sola página que muestra artículos en un estilo de periódico y con jquery maneja su comportamiento.

Además, si lo desea, puede estudiar un lenguaje de script del lado del servidor como PHP y un sistema de base de datos como MY-Sql, para poder expandir su contenido y funcionalidad.

Es un gran proyecto, pero si lo reduce, será muy simple y educativo.

Intente, por ejemplo, construir 1 o 2 variaciones de la misma página en función del contenido que le gustaría mostrar.
Si puede producir páginas diferentes con cambios mínimos en su contenido, puede continuar y probar su JS, moviéndose entre las dos variaciones sin redirigir (consulte JQuery hide & show).

Como ya señalé, es un proyecto fácilmente vendible y, básicamente, no hay restricción con lo que puede hacer.

Espero haberte ayudado. Que te diviertas.

Related Content

Estoy en el proceso de comenzar un sitio web de anuncios de trabajo y realmente me gustaría saber cuáles son las cosas principales que debo considerar antes de hacerlo, para alguien que solo conoce un poco de HTML, ¿no es suficiente para crear un sitio funcional completo?

Estoy en un trabajo haciendo jQuery y Backbone. Por el bien de mi carrera, ¿debería encontrar un trabajo con una pila de front-end moderna?

Estoy aprendiendo a ser un desarrollador web full stack. ¿Es Scala o Haskell mejor para mi lenguaje de backend?

Tengo 14 años y soy nuevo en el desarrollo web, acabo de aprender algunas etiquetas de HTML, ¿qué debo hacer a continuación?

Soy un desarrollador Utilicé PHP durante 7 años, y ahora estoy trabajando en Node.js y Angular.js. ¿Qué debería aprender a continuación? ¿Qué opinas sobre Python?

Ser creativo. Piensa en tu propio proyecto. Fue hace solo un año cuando era igual que tú. Piensa en un pequeño y genial proyecto para hacer. Recomiendo aprender PHP y MYSQL antes de crear un gran proyecto. Tal vez solo haga algunos elementos de formulario personalizados con animaciones que nadie haya pensado. Crea tu propio sitio web personal; incluso si termina en un fracaso, al menos tendrás una idea de dónde estás y qué necesitas hacer.

Mi respuesta final es pensar en un pequeño proyecto creativo o hacer su propio sitio web personal. Tal vez pueda prepararse para comenzar a diseñar sitios para personas. Comience por hacer un sitio para usted y quizás para su amigo. Crea un sitio que exprese tus puntos de vista políticos. Muchas personas pueden marcar la diferencia en asuntos políticos enviando un mensaje. Sé creativo e innovador. ¡Piensa en algo diferente y sorprendente! Código de distancia …

William Green

Le sugiero que elija un sitio que le guste (por ejemplo, Quora) y cree una réplica html / css / jquery de la página principal. Vea cómo maneja eso y luego continúe para agregarle otras capas. Por ejemplo, PHP y Mysql para que pueda imprimir sus propios datos.

De esa manera ya tiene la “vista” del sitio y sabe cómo debería ser el resultado final. Y si se mete en problemas, siempre puede “hacer trampa” al mirar la fuente de la página.

Y si haces eso, por supuesto, haz que responda y usa un marco de front-end para ello (como bootstrap). Cuando te familiarices con un marco front-end nunca volverás 🙂

William Green

¿Un blog? Los artículos serían objetos JS simples al principio, y luego podría aprender cómo hacer un back-end con un servidor web y una base de datos que almacenaría y entregaría los artículos.

William Green

More Interesting

Desarrollo web, ¿cuál es el tema de tendencia único más que nada?

Soy teóricamente bueno en Java y quiero desarrollar aplicaciones usando Java. ¿Cómo mejoro mis habilidades de desarrollo de aplicaciones en Java? ¿Qué cosas debo tener en cuenta?

Me gradué en farmacia pero mi experiencia es en diseño de Ui / Ux. ¿Puedo obtener un buen trabajo basado en mis habilidades?

Necesito una API de servicio de verificación de SMS en mi aplicación. Tengo servicios como Nexmo, Plivo y Twilio como mis opciones. ¿Hay algún servicio que tenga una buena respuesta en India? ¿Qué servicio de verificación de SMS debo usar?

He estado lejos de PHP por casi dos años. ¿En qué debería centrarme para conseguir un trabajo de liderazgo tecnológico en PHP? ¿Qué es lo último en PHP hoy en día?

Yo soy un contador. ¿Cómo aprendo el script HTML y Java?

Estoy construyendo un sitio en WordPress usando Visual Composer, sin embargo, las imágenes no responden en dispositivos móviles. ¿Cómo puedo arreglar esto?

Si elijo crear el front-end y el back-end de un sitio web y cargué el código al host y quiero actualizar el sitio, ¿qué debo hacer?

Estoy haciendo un tema de WordPress. ¿Cómo hago que sea completamente editable para mi cliente para que pueda completar toda la información por sí mismo?

Si quiero hacer la misma aplicación web usando ReactJS y AngularJS, ¿cuál será más rápido?

Actualmente estoy usando PHP / MySQL para alimentar mi sitio web. ¿Es esta la mejor tecnología o debería usar otra cosa?

Mi entrevista es originalmente en blogtalkradio.com.¿Cómo publicar una entrevista de audio en el blog de WordPress?

¿Soy contratable? Estoy terminando un programa de dos años de WebDev en un colegio comunitario. Sé HTML y soy decente en CSS, PHP y JavaScript. Soy nuevo en el campo de la tecnología y no tengo un título universitario. ¿Deberia estar preocupado?

Quiero convertir mi sitio web en una tienda para otros. ¿Cuál es el mejor script que puedo usar?

Cómo vincular archivos PHP y SQL existentes para crear una página web