принесла вам ещё один свой сайт, на этот раз совершенно дурацкий и смешной: GENDER PREDICTOR 🤩
ссылка в конце поста!

на самом деле это просто одна из домашек, каких я делаю миллион штук буквально каждый день. но тут, надо сказать, с технической точки зрения много чего наверчено

1) всего получилось 8 файлов с разметкой, стилями и джаваскриптом

2) сайт состоит из 4 страниц: главная, страница с пользовательским вводом и вообще всей главной логикой, страница с отзывами и контакты. на каждой есть хэдер и футер, чтобы можно было вернуться или попасть в любую точку в любой момент

3) задействованы данные с двух API: один интерфейс реальный открытый, там собрана инфа об именах и о том, с какой вероятностью то или иное имя может быть мужским или женским. второй интерфейс — самоделка, написанный вручную JSON с фейковыми данными о клиентах и залитый на гит пейджез

4) стили прописаны как для десктопа, так и для мобилы. тренирую адаптивность!

5) из приколов:
— есть колёсико загрузки при жмакании по кнопке для получения результата
— отображение инфы о клиентах в десктопе и в мобиле отличаются во имя эстетики
— в css впервые применила на практике селекторы посложнее, чем просто тэги, айди или классы: например, поскольку карточки с персонажами генерятся в js, я просто утащила один из элементов в работу через .characterCard p:nth-child(1)
— курсор при наведении на кликабельные объекты превращается в указательный палец!!! это новинка в списке моих умений

что сайт делает? 😬
если длинно — читайте раздел About service 😂
если коротко — просто пишете имя во вкладке Try our service, и, если имя есть в датабейз, вы получите информацию, какое это имя: мужское или женское, и с какой вероятностью: 0 — вероятность нулевая, 1 — вероятность стопроцентная

какая польза?......
когнитивной пользы точно никакой. но вы можете пожамкать кнопочки и просто посмотреть, чему она там научилась ещё. а для меня польза, как известно, в практике

энжой! ✨✨✨
https://tinyapetrova.github.io/lesson15_task1_GenderPredictor/index.html ⚡️

ну и вот, видик на память 🎥
показываю сначала десктопную версию, потом мобильную

и продублирую, что своими руками потрогать можно тут

ps: бургерное меню пока ещё не освоила, но преподаватель обещал в ближайшее время раскрыть все хитрости, так что stay tuned ❣️

планы на неделю грандиозные:

1. пересмотреть пару пропущенных уроков (во время переездов было очень тяжело учиться, приходилось либо скипать уроки, либо я просто отсыпалась во второй половине занятия 😴)

2. нагнать пятничное вводное занятие по реакту

3. продолжить смотреть и конспектировать лекции по джаве: план – хотя бы лекций 10 успеть

4. попробовать поделать пропущенные домашки по джаве для себя: хочу, чтобы одно полушарие пока оставалось на волне фронтенда, а второе уж как-то не забывало джава-синтаксис. планка – 5-6 домашек

5. sql: просто продолжать вникать в свободном темпе, тут никаких ограничений себе не ставлю. как пойдёт! от этого «как пойдёт» поставлю себе цели на дальнейшее изучение

посмотрим, сколько ✅ из этих пока что ❌ пунктов получится реализовать к пятнице. поддержать можно огоньком (she's s blogger you know)

готовы к прилюдному факапу?? 🥹

ну так вот: 2,5 из 7 пунктов are done ✅🎊

почему так мало? потому что случился самосаботаж — я поставила перед собой заведомо невыполнимые, чересчур пугающе масштабные цели, от вида которых не хотелось выполнить не то что всё, но и даже хотя бы один крохотный пунктик 👀

проще говоря — погорячилась. бывает. хотя бы не проиграла всухую — и на том спасибо 😬

из сделанного: просмотрены старенькие лекции про DOM, наполовину просмотрены лекции по реакту (каюсь: недельной давности посмотрела, а вот на этой неделе на занятия ходила кое-как, надо снова нагонять). ну и, конечно, приступила к sql. успела немного: повозилась со справочником + прошла пару уроков из курса по совету друга. из позитивного: и справочник, и курс очень зашли, буду постепенно изучать ✨

не ругаю себя. если от самосаботажа я себя ещё не отучила, то вот винить себя в низкой продуктивности я больше не хочу и не буду. бывает! организм сказал, что в него не лезет — я услышала и отстала. зато много всего мотивационного на ютубе пересмотрела: и роудмапы, и как работать со спрингом (чисто концептуально), и просто всякие видики для начинающих про чужой опыт. а ещё всякие прикольные проектики на гите пошерстила, что тоже не во вред

на выходных собираюсь мощно нагонять реакт, а на следующую неделю план такой: делать хоть что-нибудь. как думаете, справлюсь? 😂

но что я, зря смотрела видики? давайте поделюсь подборкой ютуб-каналов, которые я для себя открыла на этой неделе:

1. Merion Academy: очень классные видео о сложном простым языком. тут и про принципы ООП, и как работает Ethernet, и что вообще делают всяческие IP, API, VPN и прочие прикольные технологии и штучки. про SQL отличное базированное видео тоже, кстати, у них нашла! пошерстите у них плейлисты, очень крутые информативные видео, слушаются супер-легко и оформлены красиво

2. Fireship: крутецкий канал, в котором собрано всё: формат с объяснением сути разных технологий за 100 секунд, новейшие айти-новости, видосы на грани философии и смеха (про стереотипы об айтишниках, про нюансы профессий, про код стайл и многое другое). понравилось! буду смотреть томными вечерами, когда станет совсем тоскливо

3. Vlad Mishustin: а это авторский канал, и тут прям всё в одном — и мотивация в формате видео про свой опыт, и классные интервью с разработчиками и айти-спецами о наболевшем. ладно, знаю я про этот канал уже давно, но распробовала вот только сейчас. из последнего, что я лично посмотрела и заценила — часовое видео с базой по SQL и видео про гит, конфликты, ветки, ревёрты, резеты и иже с ними. легко, информативно и интересно

в общем, от сердца отрываю ❤️ и иду заниматься делами 😂

пожелание в конце при запуске первого реакт-приложения >>> весь мир

вообще ощущения от знакомства с SQL прикольные: после фронтенда ощущается как возвращение в родную гавань 😁

всё по полочкам, по местам, удобнейший синтаксис, логичные рекомендации по созданию запросов, которые надо просто разок понять — и дальше как по маслу. с кайфом отдыхаю на степике за изучением реляционных моделей после лекций по реакту. само то перед крепким сном, хайли рекомменд 👍🏻

важно:
1) внимательность — наше всё в вопросе наполнения баз данных или выборки инфы. без неё простейший запрос может превратиться из 5-минутной задачки в 1,5-часовой ад и развязку в виде обнаружения пропущенной одинарной кавычки;
2) главное — всё пощупать ручками. просто посмотреть, как пишется запрос, мало: надо сесть перед пустым полем ввода и собраться в кучу, чтобы понять вообще, с чего начать 🥹 набивание руки — универсальный совет, но тут прям маст-хэв

завтра планирую пройти весь модуль по основам до конца 🤞🏻
отпишусь о результатах и впечатлениях!

убегаю на этой неделе писать финальный проект ✨✨✨

честно скажу: курс по фронтенду в школе оказался для меня ооочень поверхностным. мы начали изучать его в сентябре — и вот, спустя всего 2 месяца уже пишем финалочку. затронули на пару-тройку процентов и вёрстку, и js, и typescript, и react, и redux — а в итоге я лично особыми знаниями не располагаю. для меня особый маркер умений — это когда знаешь, как и что загуглить 😂 вот я в себе к окончанию курса не шибко уверена. а причиной считаю ооочень маленькое количество времени, уделённое этому модулю. впрочем, я не переживаю: уже изначально я чувствовала, какой стек мне может оказаться ближе, поэтому к изучению фронтенда отнеслась как к большой и хорошей обзорной экскурсии. так и вышло 🤩

план — написать mvp на реакте, в пятницу защититься и дальше с трепетом ждать старт БЭКА 💀🪄🎊

проектная неделя — это когда пытаешься найти способы написать свой фейк API, но случайно делаешь гугл-запрос в яблочко 🍎

son не помешал бы.. 🥱

а давайте расскажу-ка про свой проект!!!! 🤠

сайт, который я делала, называется SOBREMESA: это такое испанское слово-лакуна, которое обозначает послеобеденное-послеужинное время, когда с друзьями просто сидишь-тарахтишь за бокалом кавы или вина

о чём сайт:

изначальная идея была в том, чтобы создать что-то типа обэда сервиса с рецептами для ужина с друзьями, командными играми под винишко + внедрить погодный гаджет, чтобы понимать, обедать на веранде под солнышком или смотреть на дождик под пиццу или луковый супчик

рецепты и игры по задумке можно было бы лайкать, разворачивать описание и закрывать его, но с реализацией не успела — было всего два дня, чтобы что-то слепить. покажу ниже, что успелось!

вашему вниманию — html, css, js, ts, react, redux в одном флаконе ✨✨

вот так всё выглядит в динамике 👾

пиксельный вырвиглазный дизайн (душа захотела так!), нереализованные разделы с играми и рецептами, но зато реализованные анимированные элементы (да, мне зашла вёрстка) и красивые гифки с падающей едой на фоне 🥨

из приколюх, которые сложно заметить, невозможно забыть:

— котик с текстбоксом на каждой страничке — смарт десижн: это стикеры из тг с добавленным альфа-каналом в пнг формате, авторство Саши Ком

— в разделе let's start переключалка текста написана с помощью js, я с ней намучалась, но зато красота

— при наведении на кликабельный элемент курсор меняется на ручку с указательным пальцем!

— в погодном виджете есть прикольная функция: логика сама определяет, подходит ли погода для обеда на улице или нет, и благодаря ей слева от виджета жирным шрфитом высвечивается надпись: мол, да, погнали на улицу или не сегодня, бро. курсором там поводила на гифке, чтоб было видно, где это написано

в общем, такие дела! спасибо за всё, фронтенд и замечательный преподаватель Дима ⚡️

скажи, что ты не сможешь увидеться на выходных, не говоря, что ты не сможешь увидеться на выходных: