Making our own code editor coding: HTML/CSS/JS # 2{Beginner}
Topics MixerR Present, Making your own Code Player Coding Project Part 2 Where The HTML CSS JAVASCRIPT Code Run it look like your own code compiler, I try my best to make it simple for you. Take help from the internet that how you make the code player in a simple way because I am not a professional just beginner in this, so I try my best to make it easy that you can understand it well I hope you like it.
In the previous video, I make the code editor where your HTML CSS, and javascript code run, and it was the simple one but in this video, I try my best to apply some jquery animation and make it look better and share it with you that you can learn some different thing as well if you have any question or any suggestion let me know down below.
Part 1 video of this Project:
https://www.youtube.com/watch?v=CHvmpXHxQc4&t=12s
Project HTML CSS only:
https://www.youtube.com/watch?v=P6n-iwLhXcQ&t=7s
Table of the content:
0:00 In The Previous Video
0:11 In This Video
0:16 Coding Start
1:26 Logo Animation
2:13 Hover Rotation Effect
4:10 Run Button Animation
9:02 Changing TextArea
13:08 Result Text Animation
17:00 Final Touches
Javascript Project: https://bit.ly/3cUB7Cl
Facebook Page:https://www.facebook.com/Topics-MixeR...
Instagram:https://www.instagram.com/topicsmixer/
Source code:
GitHub:https://github.com/topicsmixer
Patreon:https://www.patreon.com/topicsmixer
Subscribe:https://bit.ly/2YDQfNw
In this video, start code where I left in the previous video but start the work on the new file first add the logo animation in this then the rotation hover effect then add some Run Button Animation
After that adding the toggling function then changing theEXTAREA look making it look like a real code compiler editor like HTML CSS and javascript and it shows the error as well and in the end, scroll bar animation is applied too.
Subscribe to the channel and like it as well. And give me your suggestion as well I will look forward to that. I hope You share it with your friend as well. Let me know your thoughts down below on how this project is helpful for you.
#ourowncoding #htmlcssjavascript #jquery
Что делает видео по-настоящему запоминающимся? Наверное, та самая атмосфера, которая заставляет забыть о времени. Когда вы заходите на RUVIDEO, чтобы посмотреть онлайн «Making our own code editor coding: HTML/CSS/JS # 2{Beginner}», вы рассчитываете на нечто большее, чем просто загрузку плеера. И мы это понимаем. Контент такого уровня заслуживает того, чтобы его смотрели в HD 1080, без дрожания картинки и бесконечного буферизации.
Честно говоря, Rutube сегодня — это кладезь уникальных находок, которые часто теряются в общем шуме. Мы же вытаскиваем на поверхность самое интересное. Будь то динамичный экшн, глубокий разбор темы от любимого автора или просто уютное видео для настроения — всё это доступно здесь бесплатно и без лишних формальностей. Никаких «заполните анкету, чтобы продолжить». Только вы, ваш экран и качественный поток.
Если вас зацепило это видео, не забудьте взглянуть на похожие материалы в блоке справа. Мы откалибровали наши алгоритмы так, чтобы они подбирали контент не просто «по тегам», а по настроению и смыслу. Ведь в конечном итоге, онлайн-кинотеатр — это не склад файлов, а место, где каждый вечер можно найти свою историю. Приятного вам отдыха на RUVIDEO!
Видео взято из открытых источников Rutube. Если вы правообладатель, обратитесь к первоисточнику.