Giter Site home page Giter Site logo

sibusky / how-to-learn Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 1.89 MB

Научиться учиться. Одностраничный сайт на HTML CSS. Без адаптивной вёрстки. Самый первый учебный проект.

Home Page: https://sibusky.github.io/how-to-learn/index.html

HTML 56.99% CSS 43.01%
css html css3 education html5

how-to-learn's Introduction

How to learn

Project work after first two sprints in the course “Web-developer” from Yandex.Practicum

This is a single page site containing information about modern methodologies of education and self-education. The key problem of school education is that teachers don’t teach how to learn in a proper way and solve non-trivial tasks. Teachers just drill and kill. As a result, most students have low interest in self-education in future. In cases when some students have high interest, they don’t have instruments. On this page you can find education methods in a short and convenient way.

Project work is realized using HTML and CSS. Specifically I use such topics as:

  • flexbox layout,
  • element positioning,
  • BEM (file structure, naming, using mixes),
  • Git,
  • GitHub,
  • media files, external data sources,
  • animations and transformations,
  • fonts import.

GitHub Pages link:

https://sibusky.github.io/how-to-learn/index.html

Научиться учиться

Проектная работа по итогам первых двух спринтов в Яндекс.Практикуме в курсе "Веб-разработчик".

Проект представляет собой одностраничный сайт с информацией про современные методологии образования и самообразования. Одна из ключевых проблем в школьном обучении заключается в том, что нас не учат правильно изучать материал и решать нетривиальные задачи самостоятельно. Весь смысл школы сводится к зубрёжке. В результате, большинство выпускников имеют низкий интерес к самообразованию в дальнейшем, а у кого-то он отсутствует вовсе. У тех, кто всё-таки желает изучать что-то новое, нет инструментов для познания мира. На данной странице представлены методы обучения в удобной и краткой форме. Для более детального изучения, требуется найти дополнительную информацию самостоятельно, но в том и суть - нужно учиться учиться.

Проект реализован на HTML и CSS без использования JavaScript. В работе были использована информация темам:

  • флексбокс-вёрстка,
  • позиционирование элементов,
  • БЭМ (файловая структура, правильное наименование, миксование),
  • Git,
  • GitHub,
  • медиафайлы и внешние источники данных,
  • анимации и трансформации,
  • добавление шрифтов.

Ссылка на GitHub Pages:

https://sibusky.github.io/how-to-learn/index.html

how-to-learn's People

Contributors

sibusky avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.