Study Project - Web Development Description This is a study repository created by a student who is learning web development technologies and frameworks, including HTML, CSS, Sass, Bootstrap, JavaScript, TypeScript and Bulma. The main objective is to practice and improve skills in these areas, as well as build interesting and functional projects.
Technologies Used HTML: Markup language used to structure page content. CSS: Style language used to define the layout and visual appearance. Sass: A CSS preprocessor that provides additional features such as variables, mixins, and nesting. Bootstrap: A popular CSS framework that makes it easy to create responsive and stylized layouts. JavaScript: Programming language used to add interactivity and dynamic behavior to web pages. TypeScript: A JavaScript-based programming language that provides additional static typing and support for modern JavaScript features. Bulma: A lightweight and flexible CSS framework that makes it easy to create responsive and custom layouts. Goals Master the basic structure of an HTML page. Learn to style elements using pure CSS. Use Sass to improve efficiency and organization of CSS code. Explore Bootstrap's components and grid system to create responsive layouts. Add interactivity to pages using pure JavaScript. Learn the basics of programming in TypeScript and its integration with JavaScript. Use Bulma to style web projects quickly and efficiently. Projects Project 1: Personal Portfolio Develop a website to display personal information and projects. Use HTML and CSS to create the structure and style of the site. Use Bootstrap to create a responsive layout. Add interactive elements using JavaScript. Project 2: Responsive Blog
Create a responsive blog with different layouts for mobile and desktop. Use HTML, CSS and Sass to structure and style the blog. Use Bulma to style the blog components. Add interactive features using JavaScript and TypeScript. Project 3: Task Application
Develop a task management application. Use HTML, CSS and Sass to create the user interface. Use JavaScript and TypeScript to add task handling capabilities. Use Bulma to style the app. Contribution If you would like to contribute to this study project, feel free to fork this repository, make improvements or add new projects. It is also possible to suggest ideas for new projects or provide feedback on existing content.
Thanks Thanks to everyone who shares knowledge and resources online, allowing students like me to access valuable information and learning opportunities. I also thank the web development community for their
========================================= FR =======================================
Projet d'étude - Développement Web Description Il s'agit d'un référentiel d'étude créé par un étudiant qui apprend les technologies et cadres de développement web, y compris HTML, CSS, Sass, Bootstrap, JavaScript, TypeScript et Bulma. L'objectif principal est de pratiquer et d'améliorer les compétences dans ces domaines, ainsi que de construire des projets intéressants et fonctionnels.
Technologies utilisées HTML : Langage de balisage utilisé pour structurer le contenu de la page. CSS : langage de style utilisé pour définir la mise en page et l'apparence visuelle. Sass : un préprocesseur CSS qui fournit des fonctionnalités supplémentaires telles que les variables, les mixins et l'imbrication. Bootstrap : Un framework CSS populaire qui facilite la création de mises en page réactives et stylisées. JavaScript : langage de programmation utilisé pour ajouter de l'interactivité et un comportement dynamique aux pages Web. TypeScript : un langage de programmation basé sur JavaScript qui fournit des typage statique et prise en charge des fonctionnalités JavaScript modernes. Bulma : un cadre CSS léger et flexible qui facilite la création de mises en page réactives et personnalisées. Buts Maîtrisez la structure de base d'une page HTML. Apprenez à styliser des éléments en utilisant du CSS pur. Utilisez Sass pour améliorer l'efficacité et l'organisation du code CSS. Explorez les composants et le système de grille de Bootstrap pour créer des mises en page réactives. Ajoutez de l'interactivité aux pages en utilisant du JavaScript pur. Apprenez les bases de la programmation en TypeScript et son intégration avec JavaScript. Utilisez Bulma pour styliser des projets Web rapidement et efficacement. Projets
Projet 1 : Portfolio personnel
Développer un site Web pour afficher des informations personnelles et des projets. Utilisez HTML et CSS pour créer la structure et le style du site. Utilisez Bootstrap pour créer une mise en page réactive. Ajoutez des éléments interactifs à l'aide de JavaScript. Projet 2 : Blog réactif
Créez un blog réactif avec différentes mises en page pour mobile et ordinateur. Utilisez HTML, CSS et Sass pour structurer et styliser le blog. Utilisez Bulma pour styliser les composants du blog. Ajoutez des fonctionnalités interactives à l'aide de JavaScript et de TypeScript. Projet 3 : Application de tâche
Développer une application de gestion des tâches. Utilisez HTML, CSS et Sass pour créer l'interface utilisateur. Utilisez JavaScript et TypeScript pour ajouter des fonctionnalités de gestion des tâches. Utilisez Bulma pour styliser l'application. Contribution Si vous souhaitez contribuer à ce projet d'étude, n'hésitez pas à bifurquer ce référentiel, apporter des améliorations ou ajouter de nouveaux projets. Il est également possible de suggérer des idées de nouveaux projets ou fournir des commentaires sur le contenu existant.
Merci Merci à tous ceux qui partagent des connaissances et des ressources en ligne, permettant aux étudiants comme moi d'accéder à des informations précieuses et à des opportunités d'apprentissage. Je remercie également la communauté des développeurs Web pour leur
========================================= PT-BR =======================================
Projeto de Estudo - Desenvolvimento Web Descrição Este é um repositório de estudo criado por um aluno que está aprendendo as tecnologias e frameworks de desenvolvimento web, incluindo HTML, CSS, Sass, Bootstrap, JavaScript, TypeScript e Bulma. O objetivo principal é praticar e aprimorar as habilidades nessas áreas, bem como construir projetos interessantes e funcionais.
Tecnologias Utilizadas HTML: Linguagem de marcação usada para estruturar o conteúdo da página. CSS: Linguagem de estilo utilizada para definir o layout e a aparência visual. Sass: Um pré-processador CSS que fornece recursos adicionais, como variáveis, mixins e aninhamento. Bootstrap: Um framework CSS popular que facilita a criação de layouts responsivos e estilizados. JavaScript: Linguagem de programação usada para adicionar interatividade e comportamento dinâmico às páginas web. TypeScript: Uma linguagem de programação baseada em JavaScript que oferece recursos adicionais de tipagem estática e suporte a recursos modernos do JavaScript. Bulma: Um framework CSS leve e flexível que facilita a criação de layouts responsivos e personalizados. Objetivos Dominar a estrutura básica de uma página HTML. Aprender a estilizar elementos usando CSS puro. Utilizar o Sass para melhorar a eficiência e a organização do código CSS. Explorar os componentes e o sistema de grid do Bootstrap para criar layouts responsivos. Adicionar interatividade às páginas utilizando JavaScript puro. Aprender os conceitos básicos de programação em TypeScript e sua integração com o JavaScript. Utilizar o Bulma para estilizar projetos web de forma rápida e eficiente. Projetos Projeto 1: Portfólio Pessoal
Desenvolver um site para exibir informações e projetos pessoais. Utilizar HTML e CSS para criar a estrutura e o estilo do site. Utilizar Bootstrap para criar um layout responsivo. Adicionar elementos interativos usando JavaScript. Projeto 2: Blog Responsivo
Criar um blog responsivo com diferentes layouts para dispositivos móveis e desktop. Utilizar HTML, CSS e Sass para estruturar e estilizar o blog. Utilizar Bulma para estilizar os componentes do blog. Adicionar recursos interativos usando JavaScript e TypeScript. Projeto 3: Aplicativo de Tarefas
Desenvolver um aplicativo de gerenciamento de tarefas. Utilizar HTML, CSS e Sass para criar a interface do usuário. Utilizar JavaScript e TypeScript para adicionar recursos de manipulação de tarefas. Utilizar Bulma para estilizar o aplicativo. Contribuição Se você gostaria de contribuir para este projeto de estudo, sinta-se à vontade para fazer um fork deste repositório, realizar melhorias ou adicionar novos projetos. Também é possível sugerir ideias para novos projetos ou fornecer feedback sobre o conteúdo existente.
Agradecimentos Agradeço a todos que compartilham conhecimento e recursos online, permitindo que estudantes como eu tenham acesso a informações valiosas e oportunidades de aprendizado. Também agradeço à comunidade de desenvolvimento web por sua