Yapay zekadan makale özeti
- Kısa
- Ayrıntılı
- Bu video, bir yazılımcının kendi deneyimlerinden yola çıkarak front-end geliştirme yolculuğunu anlattığı eğitim içeriğidir. Konuşmacı, izleyicilerden gelen "front-end developer olmak için hangi dilleri öğrenmem gerekiyor?" sorusuna yanıt veriyor.
- Video, front-end geliştirme yolculuğunu adım adım anlatan bir roadmap sunuyor. İçerik, internet çalışma prensiplerinden başlayarak HTML, CSS ve JavaScript gibi temel dilleri, responsive design, version control sistemleri, commandline kullanımı, package managers ve pre-processors gibi konuları kapsamaktadır. Konuşmacı, kendi öğrenme sürecini paylaşarak, temel teknolojileri öğrendikten sonra kendi projeleriyle pratik yapmanın önemini vurguluyor.
- Videoda ayrıca profesyonel yazılım geliştirme ve hobi olarak öğrenme arasındaki farklar, "tutorial tuzağı" kavramı ve Google, Stack Overflow gibi kaynakların kullanımı gibi konular da ele alınıyor. Konuşmacı, şu anda JavaScript, HTML, CSS gibi temel teknolojileri öğrendiğini ve gelecekte framework'leri ve veritabanı kullanımını öğrenmek istediğini belirtiyor.
- Front-End Geliştirici Olmak İçin Gerekli Diller
- Dün gece yayında "front-end developer olmak için hangi dilleri öğrenmem gerekiyor?" sorusu sorulmuş ve bu konuda bir yol haritası (roadmap) paylaşılmış.
- Front-end roadmap,前端开发路线图，可以帮助你学习所有重要的技术，完成这个路线图后，你可以继续自我提升。
- 00:53基础知识
- 路线图的起点是了解互联网的工作原理，这部分内容可以通过计算机科学课程来学习，YouTube上也有很多45分钟的视频可以快速掌握这些基础知识。
- 一开始学习HTML和CSS时，可能会有些混乱，但通过不断练习和记忆，你会逐渐理解它们的用途。
- 01:51HTML 学习
- 你需要学习的三种主要语言中，HTML是用于构建网页结构的基础语言。
- 学习HTML的基本标签，如article、footer等，以及HTML5引入的新标签，这些标签有助于更好地组织网站结构。
- 了解验证规则和转换规则，如如何命名类和如何编写代码，这对于后续开发非常重要。
- 03:54CSS 学习
- CSS是用于样式设计的基础，包括布局、浮动、定位、显示、盒模型、网格和Flexbox等。
- 新的特性如Flex和Grid使得响应式设计更加容易，特别是在不同设备上查看网站时。
- 响应式设计和媒体查询是创建适应不同屏幕尺寸网站的关键技术。
- 05:21JavaScript 学习
- JavaScript是用于添加交互行为的语言，DOM操作是其核心功能，允许你通过JavaScript修改HTML元素的属性。
- 事件处理是JavaScript的重要部分，事件从外部向内部触发，或从内部向外传播。
- 作用域的概念非常重要，它决定了变量在哪些范围内可见。
- 06:49版本控制
- 学习版本控制系统（如Git）和GitHub，可以帮助你更好地管理项目。
- GitHub是一个免费的平台，可以用来分享你的项目。
- Git命令行工具在VS Code的终端中使用，掌握这些命令可以让你的项目结构更加清晰。
- 08:06Profesyonel Yazılım Çalışmaları
- Deneyimli olduğunu iddia eden ancak aslında deneyimsiz bir yazılımcı ile çalışıldığında, projenin son hali kaosa dönmüştür çünkü profesyonel bir çalışma yapılmamıştır.
- Web uygulamaları artık çok daha karmaşık hale gelmiştir ve birden fazla kişi veya ekip çalışmaktadır.
- Bu sistemleri öğrenmek önemli ve zor değildir, YouTube'dan veya Udemy kurslarından bu konuları öğrenebilirsiniz.
- 09:57CSS Pre-Processors
- CSS pre-processors (pre-compiler) olarak da bilinen SASS, normal CSS kodlarını yazarken ekstra kolaylıklar sağlar.
- SASS'ta fonksiyonlar oluşturabilir ve "mixin" kullanarak sık kullanılan CSS kodlarını tek bir yerde toplayabilirsiniz.
- SASS ile CSS mimarisini düzenleyebilir ve HTML yapısı gibi CSS yapılandırabilirsiniz.
- 11:39Frameworkler
- Öncelikle vanilya (temel) versiyonları öğrenmek gerekir, sonra bir framework seçip öğrenmek daha iyi olacaktır.
- JavaScript için en popüler frameworklerden biri React'tir ve büyüyen bir komüniteye sahiptir.
- CSS için Bootstrap yaygın olarak kullanılırken, konuşmacı Tailwind ile devam etmeyi tercih etmektedir.
- Yeni başlayanlar için, önce bir işin temellerini öğrenmek (ameleliğini yapmak) önemlidir, frameworkleri atlamamak gerekir.
- 13:02Kodlama Eğitiminde Temel Önemi
- Konuşmacı, kodlama öğrenirken önce temel bilgileri öğrenmenin önemini vurguluyor; çünkü temel bilgileri iyi öğrenmek sonraki adımları kolaylaştırıyor.
- JavaScript yazarken hiçbir framework kullanmadan kendi başına yazmaya çalıştığını ve önce mantığı öğrenmek istediğini belirtiyor.
- Bir teknolojinin temel mantığını öğrenmek, ezberle çözülecek bir iş değil, mantığını anlamak gerekiyor.
- 14:39Kendi Yol Haritası
- Konuşmacı, Vision Control dahil bazı kursları iki ay içerisinde bitirdiğini ve ses öğrenimini de tamamladığını belirtiyor.
- Yeni öğrenenlere "tutorial tuzağı" dediği bir durumu anlatıyor; video izledikten sonra kendi başına bir şey yapmaya çalışırken problem yaşamanın.
- Öğrenme ile öğrendiğin şeyi uygulama farklı yetenekler olduğunu, her ikisini de geliştirmenin gerektiğini vurguluyor.
- 16:00Pratik Uygulama Yöntemi
- Konuşmacı, önce bir teknolojiyi öğrenip sonra kendi başına kullanmaya çalıştığını, yapamadığında Google ve Stack Overflow'dan yardım aldığını anlatıyor.
- Farklı projeler yaparak (saat, zar oyunu, piyano gibi) aynı teknolojileri kullanarak pratik yapmayı tercih ettiğini belirtiyor.
- Yeni başlayanlarla birlikte kodlamak, aynı sorunlara takılmayı görmek ve birlikte çözüm üretmek öğrenmeyi hızlandırıyor.
- 19:36Gelecek Planları ve Tavsiyeler
- Konuşmacı, önümüzdeki adımlarında back-end kısmına geçip database kullanmayı öğrenmek istediğini belirtiyor.
- İzleyicilere yol haritasını yazdırıp gelişimlerini takip etmelerini tavsiye ediyor.
- Bir ay veya iki ay sonra tekrar bir video çekeceğini ve yol haritasındaki gelişimlerini değerlendireceğini söylüyor.