HTML Practice with Codedex - Codedex'te HTML Pratiği [EN-TR]

Hey! I haven't learned anything about coding for a long time, I've just been going over things I've learned in the past, but @eddiespino recently shared a website called Codedex on Hive. As I was going through the post, I realized how much I missed learning about coding and decided to take a look at Codedex.


source



This website allows you to learn many programming languages for free. Python, HTML, CSS, C++, CSS, C++, you name it, you can find it. It does it all in a gamified way to make it easier for the learner and probably to make them love coding.


In my opinion, the most important thing when learning coding is the code you write yourself. Even if you watch videos for hours, you cannot learn a coding language unless you write that code in your own way. Codedex.io is very successful in this regard because it wants you to practice while teaching you something new. Even if it is something small, it allows you to reinforce it by practicing it. I started using the website with HTML because I have been interested in web programming for a while and I want to improve myself as much as possible.


As you complete the stages, you can unlock achievements and access different features. For example, after collecting 100 XP, you can change the background of the screen where you write code.


Codedex teaches everything in stages, so it's easier to learn coding. This is also very important when learning a programming language. If you try to learn something more complex without learning something basic, you will probably have problems and you will have a lot of questions in your head. At some point, your learning process gets blocked and stops.


It has a very clear interface. As you can see, on the left side you can see the content of the code you are asked for, in the middle you can see the part where you will write the code and on the right you can see the output when you run the code. If you don't understand how to write a code, you will find hints on the left side. If that's not enough, press “Complete” and you will see the complete solution on the bottom left. Here you can find an example of the full code requested from Github. Of course, you can write the code in a different way, there is never a single solution in coding.

I will continue to experiment with other programming languages in the future and I aim to share my progress with you here. I hope I can do that. Thank you for reading. If you are thinking to start programming, I recommend you to visit Codedex.io website. Take care and have a great day!

TR

Hey! Uzun zamandır kodlamaya dair bir şeyler öğrenmiyordum, sadece eskiden öğrendiğim şeylerin üzerinden geçiyorum ama @eddiespino geçtiğimiz günlerde Codedex adında bir web siteyi Hive'da paylaştı. Gönderiyi incelerken kodlamaya dair bir şeyler öğrenmeyi ne kadar özlediğimi fark ettim ve Codedex'e bir göz atmaya karar verdim.


source



Bu web sitesi pek çok programlama dilinde ücretsiz bir şekilde eğitim almanızı sağlıyor. Python, HTML, CSS, C++ ne ararsanız bulabilirsiniz. Bunların hepsini öğrenen kişinin işini kolaylaştırmak ve muhtemelen kodlamayı sevdirmek için oyunlaştırarak yapıyor.


Kodlama öğrenirken bana göre en önemli şey sizin kendi yazdığınız kodlardır. Saatlerce video izleseniz de siz o kodu bizzat kendi yöntemlerinizle yazmadığınız sürece bir kodlama dilini öğrenemezsiniz. Codedex.io bu konuda çok başarılı çünkü size yeni bir şey öğretirken mutlaka pratik yapmanızı istiyor. Küçük bir şey bile olsa onu pratik yaparak pekiştirmenizi sağlıyor. Ben web sitesini kullanmaya HTML ile başladım çünkü bir süredir web programlamaya ilgi duyuyorum. Bu konuda kendimi olabildiğince geliştirmek istiyorum.


Aşamaları tamamladıkça başarımlar açabiliyorsunuz ve farklı özelliklere erişim sağlayabiliyorsunuz. Örneğin 100 XP topladıktan sonra kod yazdığınız ekranın arka planını değiştirebiliyorsunuz.


Codedex her şeyi aşama aşama öğrettiği için kodlama öğrenmeniz de daha kolay oluyor. Bir programlama dilini öğrenirken bu da çok önemlidir. Temel bir şeyi öğrenmeden daha karmaşık bir şeyi öğrenmeye çalışırsanız muhtemelen problem yaşarsınız ve kafanızda çok fazla soru işareti oluşur. Bir yerden sonra da öğrenme süreciniz tıkanır ve durur.


Çok anlaşılır bir ara yüze sahip. Gördüğünüz gibi sol tarafta sizden istenen kodun içeriği, ortada kodu yazacağınız kısım ve sağda da kodu çalıştırdığınızda ortaya çıkan output'u görebilirsiniz. Eğer bir kodu nasıl yazacağınızı anlayamadıysanız yine sol kısımda ipuçlarını bulacaksınız. Şayet bu da yeterli olmadıysa "Complete" tuşuna bastıktan sonra sol altta çözümün tamamını görebileceğiniz bir bölüm açılacak. Burada Github üzerinden sizden istenen kodun tamamının bir örneğini bulabilirsiniz. Elbette siz farklı bir şekilde de kodu yazabilirsiniz, kodlamada asla tek bir çözüm yoktur.

İlerleyen süreçte başka programlama dillerini denemeye devam edeceğim ve ilerleyişimi burada sizinle paylaşmayı hedefliyorum. Umarım bunu yapabilirim. Okuduğunuz için teşekkürler. Eğer programlamaya başlamayı düşünüyorsanız Codedex.io web sitesini ziyaret etmenizi tavsiye ederim. Kendinize iyi bakın ve harika bir gün geçirin!



0
0
0.000
9 comments
avatar

Nice! I am glad that you liked it!

I'm continuing to make progress. I'm almost halfway through the JavaScript beginner course.

0
0
0.000
avatar

I'll keep progressing too. I'll start JavaScript and CSS after HTML. Thanks a lot for introducing that website man 🙏

0
0
0.000
avatar

That's certainly a fun way to get back into coding. Gamifying the process is such a smart move nothing like a little XP to keep you motivated. Good luck with HTML man, JavaScript will be a cool next step

0
0
0.000
avatar

Yeah, step by step I'll learn some basics of programming languages. It's fun and satisfying to learn something new for me

0
0
0.000
avatar

that's a great mentality to have you'll be able to do so many things with that mentality in your life

0
0
0.000
avatar

Selam arkadaşım. İnsanın kendini geliştirmesi ve yeni bir şeyler öğrenmesi çok güzel ve heyecan verici. Kod ve yazılım bana çok uzak bir konu. İnsanların kodlarla yapabildiklerini hayranlıkla izliyorum. Bence alt yapın varsa devam etmelisin. Gelecek bilişim de. En verimli zamanınız da öğrenmeye devam etmek çok güzel. Umarım daha da ilerletirsin.

0
0
0.000
avatar

Çok teşekkür ederim Mukadder hanım. Elimden geldiğince öğrenmeye çalışıyorum sonuçta öğrenmenin yaşı yok. Beynimizi aktif tutmalıyız ki tembelliğe alışmasın. İlerleyen süreçte daha fazla gelişme paylaşmaya çalışacağım :)

0
0
0.000