Сергей Субботин

Всем здравствуйте, и сразу к делу!    Я решил пока отложить работу с шрифтом и все таки разобраться с кнопками. А точнее - я хочу сделать скрин кнопки «TikTok», при нажатии на которую вы возвращаетесь на главную страницу. Изначально моя задумка была сделать это при помощи шрифта без засечек, но я понял что это будет не совсем правильно.    Я сделаю сначала копию страницы в Figma, а уже потом буду переносить в Sublime Text. Мне интересно вручную перенести макет в код. На данный момент времени, мне это нужно для того чтобы понять могу ли я сейчас вообще брать и делать такие проекты.    В общей сложности большинство кнопок я просто буду скринить, хотя мог бы отрисовать их в Illustrator, либо Photoshop. И как я наслышан, при выходе на фриланс и заполнении портфолио можно закидывать демо сайты которые вы делали для себя.    Ну что же если подитоживать, то эта статья получилась больше как моё рассуждение на тему того как и что я хотел бы сделать. Так же жду комментарии по поводу того что не стоит делать, либо как делать это правильно.

Всем привет! Расскажу сегодня о своём блоге. Сразу отмечу, это не обучающие курсы. Задумка в том, чтобы я делился начинаниями в области веб-программирования. По мере чтения моих статей, сможете подчеркнуть что-то полезное, а так же помогать мне в вопросах. Прикреплю скриншоты и код. Познакомимся. Меня зовут Сергей, мне 16 и я студент. К веб-программированию пришел я в 2017 г., когда отец привез на соревнования по кибатлетике в Москву, Сколково. Мне нравилась робототехника. И в 13 лет я заинтересовался программированием, сделал свой демо-сайт. В 2021 г. я вернулся к робототехнике и занимался роботизированной рукой, которая должна отслеживать мои движения руки. Но так и не закончил, не хватило опыта и времени. После, начал заниматься вновь программированием, учил C Python, но решил остановиться на HTML(HTML5) и CSS(CSS3), JavaScript. К делу. Мне пришла идея сделать визуальную копию главной страницы ТикТока. Так как я не обладаю достаточными знаниями в JavaScript, не могу делать самые простые кнопки. Мне могут сказать, что это можно сделать через теги <li> и <ul>. Но это дополнительная нагрузка, проще - не хочу захламлять код. Первая проблема, я не могу через @font-face применить свой шрифт к тегу <h1> (Varela, он есть в Google Fonts) Я понимаю, нужно указывать самые распространённые, но для начала, думаю разобраться с этим. Приму вашу комментарии/замечания по коду. Строго не судите, это моя первая статья и путь в мир публицистики.