Hey Everyone,
This is my very first article and i want to talk about my project studies except courses. When i am learning HTML,CSS and Javascript, i started my journey with a udemy course by Sadık Turan in my native language. After that continue with various courses by Brad Traversy, FreeCodeCamp, Scrimba,etc… But; If you really want to be a good developer, you have to make a lot of practices besides courses curriculums. At this article i want to talk about them. First, I will write name of project or website and used technologies and after that, I will share youtube links with you.
When I doing this projects, I did watch and coding same time,first watch-try coding chapter by chapter.
Lets Start!
Techs; HTML,CSS, JavaScript.
With CSS, we used simple define variables and grid layout with responsive design.
https://www.youtube.com/watch?v=lvYnfMOUOJY&ab_channel=TraversyMedia
Techs; HTML,CSS(Responsive Design)
https://www.youtube.com/watch?v=Wm6CUkswsNw&ab_channel=TraversyMedia
Techs; HTML,CSS,Simple Javascript With CSS, we used grid layout with responsive design.
https://www.youtube.com/watch?v=x_n2FGNsm0o&t=1506s&ab_channel=TraversyMedia
Techs; HTML,CSS(SASS)
https://www.youtube.com/watch?v=X1dz0xRbSJc&t=43s&ab_channel=TraversyMedia
Techs; HTML, CSS(SASS), JavaScript
https://www.youtube.com/watch?v=2IjyqauKumE&ab_channel=DevEd
Techs;HTML, CSS, JavaScript With CSS, we used grid layout, define various variables and work with them.
https://www.youtube.com/watch?v=P7t13SGytRk&t=4646s&ab_channel=TraversyMedia
Techs; HTML, CSS, JavaScript
With CSS we used Grid and Flexbox layouts for different sections.
https://www.youtube.com/watch?v=9OVLaEjY-Rc&ab_channel=TraversyMedia
Techs; HTML and formsubmit.co. Very Simple Contact form and response from server.
https://www.youtube.com/watch?v=r4RQ38EoLds&t=3s
Techs; HTML,CSS,JavaScript
https://www.youtube.com/watch?v=rsd4FNGTRBw&ab_channel=FlorinPop
Techs; HTML, CSS, JavaScript
https://www.youtube.com/watch?v=Rz-rey4Q1bw&ab_channel=FlorinPop
Techs; HTML, CSS(SASS) ,JavaScript
This project could be most detailed Landing Page project in whole web. simple and very easy,understandable explanation
https://www.youtube.com/watch?v=aoQ6S1a32j8&t=6803s&ab_channel=freeCodeCamp.org
Techs; HTML, CSS , JavaScript With Js, we used window.innerWidth, window.innerHeight methods for give rotate effect when mousemove event. For mouseenter event we define different translateAxis for our elements style transforms and for mouseleave event we reseted our translateAxis
https://www.youtube.com/watch?v=XK7T3mY1V-w&ab_channel=DevEd
a. Weather-app - we used fetch, async/await for get data from openweathermap API
b.Todo-App - simple to-do App. Practice for else/if conditionals and array methods.
c. Recipe App - Another practice for fetch, async/await.
d. Quiz App - Else/if conditionals practice.
e. Password Generator - We defined our charsets. with functions we create in different order values and after with else/if we check our required sets and push them to xs array we defined if our condition true.
f. Notes-app - ternary operator, events and innerHTML property.
g. Movie app - Used fetch, async,await. Also we defined a function for rating color.
h.github-profiler-app - Used fetch, async,await.
i.canvas-app
j.countdown-timer - a simple project made with date and Math Object.
https://www.youtube.com/watch?v=dtKciwk_si4&t=23844s&ab_channel=FlorinPop
Zoom Effect - We made a zoom effect depends to our mousemove.
Toast Notification -
Sound-board
Purple Heart Rain
Popup Modal
Hamburger Button
Dark Mod Toggle
Carousel
Background Changer
Auto Write Text
https://www.youtube.com/watch?v=8GPPJpiLqHk&ab_channel=FlorinPop
Techs; HTML,CSS , JS. With this app we used DOMAudio methods.
https://www.youtube.com/watch?v=QTHRWGn_sJw&ab_channel=TraversyMedia
Techs; HTML, CSS,(SASS) JavaScript With this app, we used Wikipedia API
https://www.youtube.com/watch?v=Dk6Wopar10k&t=9s&ab_channel=TraversyMedia
Of course they are not only practice I did,but these are most important projects for improve my development skills.
Currently, I am learning ReactJS with Brad Traversy's React Front to Back 2022 course from udemy.