Уважаемые подписчики, с понедельника 16 января начнем разбор верстки шаблона.
Кто будет участвовать выберите ДА
Кто будет участвовать выберите ДА
Anonymous Poll
88%
ДА
13%
НЕТ
Добрый вечер уважаемые подписчики. Связи с болезнью я не мог начать уроки и поэтому прошу прошения. С завтрашнего дня начинаем разбор шаблона.
Прежде чем начать, изучите шаблон и поэтапно начнем разбор шаблона с адаптивкой.
https://www.figma.com/file/fPCo1K9nCGXEwYnfmz8wPf/JustLaw?node-id=77%3A114&t=TOcxlNGwbqqfNBHr-1
Прежде чем начать, изучите шаблон и поэтапно начнем разбор шаблона с адаптивкой.
https://www.figma.com/file/fPCo1K9nCGXEwYnfmz8wPf/JustLaw?node-id=77%3A114&t=TOcxlNGwbqqfNBHr-1
Figma
JustLaw
Created with Figma
Для того чтобы стать фронтэнд разработчиком, нужно освоить следующие навыки и технологии:
HTML: язык разметки веб-страниц, с помощью которого определяются структура и содержание веб-страниц.
CSS: каскадные таблицы стилей, используемые для определения внешнего вида и оформления веб-страниц.
JavaScript: язык программирования, используемый для создания интерактивных элементов на веб-страницах.
Фреймворки и библиотеки: знание фреймворков и библиотек, таких как React, Angular или Vue, помогает создавать более сложные и эффективные веб-приложения.
Разработка под мобильные устройства: необходимо знание адаптивного и отзывчивого дизайна, чтобы веб-сайты и приложения корректно отображались на мобильных устройствах.
Верстка: знание основ верстки позволяет создавать веб-страницы с помощью HTML и CSS без использования фреймворков.
Тестирование: умение тестировать веб-страницы и приложения позволяет обнаруживать и устранять ошибки и проблемы, которые могут возникнуть на разных устройствах и браузерах.
Работа с API: знание API (интерфейсов программирования приложений) и AJAX (асинхронный JavaScript и XML) позволяет взаимодействовать с другими приложениями и сервисами.
Git: знание системы контроля версий Git позволяет эффективно управлять исходным кодом проектов и работать в команде.
Оптимизация и ускорение: знание техник оптимизации и ускорения работы веб-приложений позволяет создавать более быстрые и эффективные приложения.
HTML: язык разметки веб-страниц, с помощью которого определяются структура и содержание веб-страниц.
CSS: каскадные таблицы стилей, используемые для определения внешнего вида и оформления веб-страниц.
JavaScript: язык программирования, используемый для создания интерактивных элементов на веб-страницах.
Фреймворки и библиотеки: знание фреймворков и библиотек, таких как React, Angular или Vue, помогает создавать более сложные и эффективные веб-приложения.
Разработка под мобильные устройства: необходимо знание адаптивного и отзывчивого дизайна, чтобы веб-сайты и приложения корректно отображались на мобильных устройствах.
Верстка: знание основ верстки позволяет создавать веб-страницы с помощью HTML и CSS без использования фреймворков.
Тестирование: умение тестировать веб-страницы и приложения позволяет обнаруживать и устранять ошибки и проблемы, которые могут возникнуть на разных устройствах и браузерах.
Работа с API: знание API (интерфейсов программирования приложений) и AJAX (асинхронный JavaScript и XML) позволяет взаимодействовать с другими приложениями и сервисами.
Git: знание системы контроля версий Git позволяет эффективно управлять исходным кодом проектов и работать в команде.
Оптимизация и ускорение: знание техник оптимизации и ускорения работы веб-приложений позволяет создавать более быстрые и эффективные приложения.
Learn the basics of HTML5 and web development in this awesome course for beginners.
https://www.youtube.com/watch?v=pQN-pnXPaVg
https://www.youtube.com/watch?v=pQN-pnXPaVg
YouTube
HTML Full Course - Build a Website Tutorial
Learn the basics of HTML5 and web development in this awesome course for beginners.
❤️ Try interactive HTML courses we love, right in your browser: https://scrimba.com/freeCodeCamp-HTML (Made possible by a grant from our friends at Scrimba)
⭐️ Contents…
❤️ Try interactive HTML courses we love, right in your browser: https://scrimba.com/freeCodeCamp-HTML (Made possible by a grant from our friends at Scrimba)
⭐️ Contents…
Channel name was changed to «Веб Дизайн, графический дизайн и разработка веб сайтов»
В интернете тысячи платформ где вы можете монетизировать свои знания. Продавать свои дизайны, шрифты, скрипты и готовые решения.
Обучаю рисовать вот такие иллюстрации
Составьте план на неделю, что будете изучать, как будете изучать? Исходя из этого плана, планируйте свое время. Для изучения HTML вам понадобиться максимум 2 недели, в день по 30 минут на изучение и 1.5 часа на практику. Без практики не научитесь. Побольше практики.
Semantic HTML
Semantic element clearly describes its meaning to both the browser and the developer. In HTML, semantic element are the type of elements that can be used to define different parts of a web page such as <form>, <table>, <article>, <header>, <footer>, etc.
https://cs.fyi/guide/writing-semantic-html
https://www.w3schools.com/html/html5_semantic_elements.asp
Semantic element clearly describes its meaning to both the browser and the developer. In HTML, semantic element are the type of elements that can be used to define different parts of a web page such as <form>, <table>, <article>, <header>, <footer>, etc.
https://cs.fyi/guide/writing-semantic-html
https://www.w3schools.com/html/html5_semantic_elements.asp
cs.fyi
Writing Semantic HTML - cs.fyi
Learn how to write semantic HTML to make your website more accessible.
Forwarded from FrontEnd книги для программистов
Шпаргалки для начинающего
верстальщика HTML/CSS
Автор: Эберт Елена
Год издания: 2021
#html #css #ru
Скачать книгу
верстальщика HTML/CSS
Автор: Эберт Елена
Год издания: 2021
#html #css #ru
Скачать книгу
Forwarded from Берлога программиста | Веб и не только
This media is not supported in your browser
VIEW IN TELEGRAM
Подборка эффектов наведения
Реализовано с помощью HTML и CSS
🔗 Код: Codepen
👉 @trends_frontend | #эффект
Реализовано с помощью HTML и CSS
🔗 Код: Codepen
👉 @trends_frontend | #эффект
🚀 Excited to announce our new Beginner Frontend Development Course! 🌐
Learn HTML, CSS, JavaScript, responsive design, version control, and more! Perfect for anyone looking to start their web development journey. 💻✨
#frontend #webdevelopment #html #css #js
Learn HTML, CSS, JavaScript, responsive design, version control, and more! Perfect for anyone looking to start their web development journey. 💻✨
#frontend #webdevelopment #html #css #js
HTML (HyperText Markup Language)
Purpose: HTML is the backbone of any web page. It provides the structure and content.
Key Features:
Elements and Tags: Building blocks of HTML (e.g., <h1>, <p>, <a>, <img>)
Attributes: Provide additional information about elements (e.g., href, src, alt)
Document Structure: Includes the <!DOCTYPE html>, <html>, <head>, and <body> tags.
Purpose: HTML is the backbone of any web page. It provides the structure and content.
Key Features:
Elements and Tags: Building blocks of HTML (e.g., <h1>, <p>, <a>, <img>)
Attributes: Provide additional information about elements (e.g., href, src, alt)
Document Structure: Includes the <!DOCTYPE html>, <html>, <head>, and <body> tags.
2. CSS (Cascading Style Sheets)
Purpose: CSS is used to style and layout web pages, making them visually appealing.
Key Features:
Selectors: Target HTML elements (e.g., element, .class, #id)
Properties and Values: Define styles (e.g., color, font-size, margin)
Layouts: Use Flexbox and Grid to create responsive designs.
Media Queries: Make designs responsive to different screen sizes.
Purpose: CSS is used to style and layout web pages, making them visually appealing.
Key Features:
Selectors: Target HTML elements (e.g., element, .class, #id)
Properties and Values: Define styles (e.g., color, font-size, margin)
Layouts: Use Flexbox and Grid to create responsive designs.
Media Queries: Make designs responsive to different screen sizes.