Train To Code
Train To Code
  • 98
  • 286 278
Stop Trying to Learn By Memorizing Syntax
Job interviews are stressful, I'm here to convince you that you don't need to add to the stress by trying to memorize a bunch of things beforehand. It's not an exam.
🔗 Try These Project Tutorials
traintocode.com/projects
📖 Get my book - Developing on AWS with C#
www.oreilly.com/library/view/developing-on-aws/9781492095866/
💻 Github
github.com/traintocode
🗣️ Social Media
- www.linkedin.com/in/jamesjcharlesworth/
- jcharlesworthuk
#learncoding #webdevelopment
Переглядів: 442

Відео

Why Learning About Business Can Help Your Career
Переглядів 14221 день тому
This could be holding back your career as an engineer, so often the operations of the business you work for or in are ignored by software engineers. 🔗 Try These Project Tutorials traintocode.com/projects Get my book - Developing on AWS with C# www.oreilly.com/library/view/developing-on-aws/9781492095866/ 💻 Github github.com/traintocode 🗣️ Social Media - www.linkedin.com/in/jamesjcharlesworth/ ...
Every single feature of TypeScript in 11 minutes
Переглядів 706Місяць тому
Get ready to become a TypeScript expert in 11 minutes* In this video we'll cover every feature of TypeScript that you need to know about, from the basics to the advanced. If you already know another programming language then this crash course will give you all you need to know to transfer your skills. *Like a 10 minute video, but 1 louder. #typescript #learncoding Get my book - Developing on A...
How to animate an SVG with CSS
Переглядів 131Місяць тому
There are plenty of animation libraries for the web, but it's still worth knowing the simplest and most lean way to create animated images - SVG and CSS transitions! This tutorial will introduce you to this technique by creating a simple animation. 🔗 CSS Has Selector on CanIUse.com caniuse.com/css-has 🔗 Try These Project Tutorials traintocode.com/projects 🗣️ Social Media - www.linkedin.com/in/j...
This is your perfect second programming language
Переглядів 442Місяць тому
One of the most popular and widely used languages in the world today tends to be a "second" language for most of its developers. And that's not a bad thing! So if you only know one language, this is the one to learn next #typescript #learncoding 🔗 Try These Project Tutorials traintocode.com/projects Get my book - Developing on AWS with C# www.oreilly.com/library/view/developing-on-aws/97814920...
Work out your coding vocabulary
Переглядів 1,8 тис.2 місяці тому
Which of these functions do you find more readable? Join me on a little experiment into your coding vocabulary 🔗 Try These Project Tutorials traintocode.com/projects Get my book - Developing on AWS with C# www.oreilly.com/library/view/developing-on-aws/9781492095866/ 💻 Github github.com/traintocode 🗣️ Social Media - www.linkedin.com/in/jamesjcharlesworth/ - jcharlesworthuk #learnco...
LeetCode Solution | Array Of Intervals
Переглядів 402 місяці тому
This problem involves merging overlapping intervals within a list to minimize the number of discrete intervals. Perfect for practising for a technical interview. This solution is in TypeScript but the method applies to many programming languages. 🔗 Try These Project Tutorials traintocode.com/projects 🗣️ Social Media - www.linkedin.com/in/jamesjcharlesworth/ - jcharlesworthuk
LeetCode Solution | Depth First Search
Переглядів 1092 місяці тому
LeetCode Solutions in TypeScript - Depth First Search (DFS) is a search algorithm used to explore all the nodes in a graph or tree data structure. It's like exploring a maze, DFS dives as deep as possible into the graph before backtracking to explore other paths. Perfect for practising for a technical interview. This solution is in TypeScript but the method applies to many programming languages...
Ultimate Guide to Choosing a Tech Stack
Переглядів 5063 місяці тому
Comprehensive guide to selecting the most suitable technology stack for your project, while there is no universal "best" tech stack, there exists an optimal choice tailored to your specific requirements. #webdevelopment #indiehackers #sideproject 🔗 Try These Project Tutorials traintocode.com/projects 🗣️ Social Media - www.linkedin.com/in/jamesjcharlesworth/ - jcharlesworthuk 00:00 I...
Understanding JavaScript Closures
Переглядів 1433 місяці тому
A brief guide to creating closures in JavasScript 🔗 Try These Project Tutorials traintocode.com/projects 🗣️ Social Media - www.linkedin.com/in/jamesjcharlesworth/ - jcharlesworthuk #learncoding #javascript #functionalprogramming
It's time to start using :has() in your CSS
Переглядів 6624 місяці тому
You can start using :has() in CSS now as it is supported in all the major browsers. This video shows you how to use the selector in your CSS. 🔗 CSS Has Selector on CanIUse.com caniuse.com/css-has 🔗 Try These Project Tutorials traintocode.com/projects 🗣️ Social Media - www.linkedin.com/in/jamesjcharlesworth/ - jcharlesworthuk #learncoding #css #frontend
Hello World in 15 Programming Languages
Переглядів 1044 місяці тому
Introducing you to 15 of the most popular programming languages in the world, by writing "hello world" to the console. 🔗 Try These Project Tutorials traintocode.com/projects Get my book - Developing on AWS with C# www.oreilly.com/library/view/developing-on-aws/9781492095866/ 💻 Github github.com/traintocode 🗣️ Social Media - www.linkedin.com/in/jamesjcharlesworth/ - jcharlesworthuk ...
The most important thing for building skill as a software engineer
Переглядів 2,4 тис.4 місяці тому
Learning concepts from different angles will make you a better professional software engineer. 🔗 Try These Project Tutorials traintocode.com/projects Get my book - Developing on AWS with C# www.oreilly.com/library/view/developing-on-aws/9781492095866/ 💻 Github github.com/traintocode 🗣️ Social Media - www.linkedin.com/in/jamesjcharlesworth/ - jcharlesworthuk #learncoding #webdevelop...
Full Tutorial | Build a ChatBot in React with OpenAI
Переглядів 7834 місяці тому
Video walkthrough of this online project: traintocode.com/projects/pirate-gpt Build a chatbot with the OpenAI API in React, and AWS Lambda. This tutorial includes both the front end in React, Typescript & Vite, and the backend in Typescript AWS Lambda. 🔗 Online Project Tutorial traintocode.com/projects/pirate-gpt/1-1-creating-markup Get my book - Developing on AWS with C# www.oreilly.com/libra...
The Ultimate Amplify vs Firebase Comparison for 2024
Переглядів 2,6 тис.5 місяців тому
Detailed look at the front end frameworks for AWS and Google Cloud - Amplify and Firebase. We compare the two on their features, developer experience, documentation, pricing, learning curve and future outlook. 🔗 Free React Typescript Course traintocode.com/courses/react-typescript-conversion/ Get my book - Developing on AWS with C# www.oreilly.com/library/view/developing-on-aws/9781492095866/ ...
FrontEnd is hard
Переглядів 1325 місяців тому
FrontEnd is hard
Why are people scared of generics?
Переглядів 7916 місяців тому
Why are people scared of generics?
5 things you can do with GitHub CoPilot Chat
Переглядів 5926 місяців тому
5 things you can do with GitHub CoPilot Chat
WebDevNews | Everything Everywhere All At Once for NPM
Переглядів 1076 місяців тому
WebDevNews | Everything Everywhere All At Once for NPM
Async Await in Typescript
Переглядів 1,2 тис.7 місяців тому
Async Await in Typescript
Speed Coding: Todo List App in Typescript & React
Переглядів 3877 місяців тому
Speed Coding: Todo List App in Typescript & React
TypeScript vs Javascript - Which is better for learning to code?
Переглядів 1,3 тис.7 місяців тому
TypeScript vs Javascript - Which is better for learning to code?
Serverless AI with AWS Lambda & OpenAI API
Переглядів 1,5 тис.7 місяців тому
Serverless AI with AWS Lambda & OpenAI API
5 Hidden Features of C#
Переглядів 1,1 тис.8 місяців тому
5 Hidden Features of C#
CSS Variables Explained
Переглядів 1529 місяців тому
CSS Variables Explained
Null vs Undefined - which one should you use in JS?
Переглядів 2049 місяців тому
Null vs Undefined - which one should you use in JS?
Refactoring By Example: Split Out Cross Cutting Concerns
Переглядів 4459 місяців тому
Refactoring By Example: Split Out Cross Cutting Concerns
Test Driven Refactoring: The Safe Way to Improve Your Code
Переглядів 2649 місяців тому
Test Driven Refactoring: The Safe Way to Improve Your Code
WebDevNews | New Raspberry Pi 5, Copilot Chat & More...
Переглядів 30910 місяців тому
WebDevNews | New Raspberry Pi 5, Copilot Chat & More...
Every HTML Head Tag Explained
Переглядів 46510 місяців тому
Every HTML Head Tag Explained

КОМЕНТАРІ

  • @ThomasCamden-s2m
    @ThomasCamden-s2m 15 годин тому

    loaded with information video I’ve encoun tered so f ar about C

  • @raymondduncan5390
    @raymondduncan5390 День тому

    Spent literally an hour trying to find out why I couldn't get the alert to work from the Vite + React example. Turns out chrome.tabs.query({active: true}) may not work if you've got multiple windows open like I typically do. You should use something like chrome.tabs.query({active: true, lastFocusedWindow: true}) if you want to avoid errors and have the alert to pop up in the window and tab you're currently viewing!

  • @davidmason3973
    @davidmason3973 3 дні тому

    I originally downvoted becaus eif the Satanic 666 reference, but then upvoted when you explained methods cant be more permissive than the class they are declared in.

  • @longqi-b8s
    @longqi-b8s 4 дні тому

    Thank you for your excellent work. My VSCode doesn't suggest any correct methods when typing "chrome." Please help.

  • @adamkis7137
    @adamkis7137 5 днів тому

    What about events, actions, tuple...? :)

  • @funbucket09
    @funbucket09 6 днів тому

    Watched the vid twice. so has been 20 mins. I should be a double C# expert by now but I still can't even write a hello world! I THINK I JUST GOT SCAMMED!

  • @JavedKhan-ny3pm
    @JavedKhan-ny3pm 6 днів тому

    I really struggled with Maui setting it up for windows application so that I can reproduce my program written in MS win-forms. Do you hv an application in MAUI-windows app.?

  • @chrisder1814
    @chrisder1814 8 днів тому

    hello I would like to develop a chrome extension but I don't know if my idea is good and could you tell me what you think about it

  • @kooday
    @kooday 9 днів тому

    Can you please explain how to use the service worker with vite build

  • @mshbtw
    @mshbtw 9 днів тому

    Amazing explanation! Looking forward to the new videos ❤

  • @EasternBoss
    @EasternBoss 11 днів тому

    Why C# is more complicated that C++ ?

  • @jackpitts5561
    @jackpitts5561 11 днів тому

    What about Apple’s CloudKit? If your app is an iPhone / iPad app?

  • @un1kum42
    @un1kum42 12 днів тому

    I have met a lot, really a lot, of people who would say the opposite of what you did in regard to implicit typing.^^

  • @lukaschumchal7797
    @lukaschumchal7797 12 днів тому

    I wanted to get oop principles ubder my skin to be capable truelly code anything. So I try to find language to made me truelly use it ( my first language, python, not really useful for that in my opinion). I choose java and C#. Because of this video i am going to focus only on C#. Thanks you.😊

  • @KeshavD-ys7el
    @KeshavD-ys7el 12 днів тому

    How to work with service_worker using vite

  • @mightyboateng
    @mightyboateng 13 днів тому

    That was valuable. Thanks for creating such a tutorial.

  • @alexdin1565
    @alexdin1565 17 днів тому

    Nice video man! Short and to the point.

  • @MarcPhilipInan
    @MarcPhilipInan 18 днів тому

    You guys are cool!!!!

  • @amerllica
    @amerllica 19 днів тому

    Yeah, I think SO is dying, but let's get back and think, where did ChatGPT learn knowledge of coding?

  • @IanoNjuguna
    @IanoNjuguna 20 днів тому

    I appreciate this.

    • @lukz4672
      @lukz4672 9 годин тому

      Same dude. Ive learned so much on this channel after 3 videos already.

  • @YuNherd
    @YuNherd 20 днів тому

    this is informative, planning to port my project from winforms to maui

  • @fluffydoggo
    @fluffydoggo 21 день тому

    Bro missed private protected and protected internal accessabilities Edit of important things you missed: - custom indexers - attributes - source generators - operator overloading - reflection - delegates - unsafe with pointers - expression trees - enums - Garbage Collector

  • @YuNherd
    @YuNherd 21 день тому

    ive been using c# for a long time and searched for features i havent learned, 5mins in here and id better get these noted. excellent job.

  • @tubemyren3038
    @tubemyren3038 22 дні тому

    I cant find the source code for the React/Typescript example.... you are missing some codelines in the video, but cant find the source code!

  • @CristianKirk
    @CristianKirk 24 дні тому

    Typescript adds unnecesary processes and complexities. For people new to web developing, try to find and think for yourself why would you need everything to have a type before blindly accepting what a youtuber tells you.

    • @traintocode
      @traintocode 23 дні тому

      I'd hate for anyone to blindly accept what I tell them :) everyone's definition of a necessary process of complexity will be different so thanks for your comment.

  • @tore28
    @tore28 25 днів тому

    5:13 - Here you use the builder pattern on record to provide a domain model for changing the UserRecord ?

  • @jijuthomas9052
    @jijuthomas9052 25 днів тому

    your advice are soo true and valuable and one cant progress without this skill

  • @MeenaSivan
    @MeenaSivan 26 днів тому

    Great comparison. I am going with Firebase for quick and dirty PoC and sticking to Amplify for futuristic production grade solutions - ! BTW Why do Google keep killing their projects - lack of focus in strengthening the ecosystem and marketing - this sucks - the future is scary if I were to choose Firebase - already the Git number says it all - the direction of Firebase!

  • @FrancisAlexanderWood0
    @FrancisAlexanderWood0 26 днів тому

    extremely useful

  • @indieshack4476
    @indieshack4476 27 днів тому

    As far as I can see, the upgrade assistant CLI on Windows is totally broken.

    • @traintocode
      @traintocode 23 дні тому

      You may be right this video is a bit old now. I'll look into making an updated guide soon

  • @mikejohneviota9293
    @mikejohneviota9293 28 днів тому

    so these are the supabase alternatives?

  • @learnnew4938
    @learnnew4938 Місяць тому

    First we move from functional programming to object oriented and now we r moving back to functional...what I can say...programming is a circle 😂

    • @traintocode
      @traintocode 23 дні тому

      We'll be moving back to punch cards next year ;) in all seriousness though developers have a tenancy to over index when we learn a new thing. You learn OOP and suddenly every problem looks like it needs OOP. Then a few years later people realised that was not correct.

  • @fabianmerchan
    @fabianmerchan Місяць тому

    Great tutorial, keep it up bro!

  • @TrusePkay
    @TrusePkay Місяць тому

    You forgot unsafe code(C pointers), delegates, events, threads, threadpools, nullables, enums,

    • @traintocode
      @traintocode 23 дні тому

      Yeah the title is a bit of a lie. C# has so many features.

    • @TrusePkay
      @TrusePkay 23 дні тому

      @@traintocode As a person who has experience teaching programming, whenever I have a short timespan to teach programming, I introduce the paradigm, then I introduce the type system, then functions and collections, then other runtime/paradigm features. I will start my C# video like this: a sophisticated oop language that is like C++ having Java syntax. There are six major types under a C# namespace that can be used to create objects. Value types like structs, enums...numbers, boolean are struct types. Reference types like class, records, delegates, interfaces. Then you talk about functions and how they work in each or all types and what those functions do, access modifiers, return, generators, generics, coroutines, out, ref, varags, events, anonymous functions. This will make the bulk of the video. Then collections: arrays, lists, linkedlists, dictionaries, sets, stacks, queues. Finally, if necessary the compilation and runtime directives like control flow, threads, using keyword, exceptions, macros, unsafe code... And it is done...

  • @davidc.2525
    @davidc.2525 Місяць тому

    Not even done yet but this is for sure the best chrome extension tutorial on UA-cam!

  • @chrisder1814
    @chrisder1814 Місяць тому

    g f hello

  • @nothingisreal6345
    @nothingisreal6345 Місяць тому

    MAUI looks you in with publishing your Windows app to the MS store. That is most likely not what you want. MAUI apps come with a big bag of dependencies. If you compile the template project and publish it is a about 100MB already, even when making it depend on the installed .NET framework. MAUI still uses the classic approach where controls are directly accessible in the event handler code and you are not pushed into using MVVM. Avalonia is a great alternative. If support publishing to Windows as ZIP file (or directory) has full support for Linux, TV/Smartwatch targets, encourages MVVM and is really mature. Today I would recommend using Avalonia. If you compare productivity then using Blazor, which can now be embedded into both MAUI and Avalonia is the best option. Razor is a much more flexible and powerful UI framework and language. The Binding syntax in in MAUI/Avalonia originally coming from WPF is really limited and forces you to write A LOT of boilerplate code. In Razor a large number of UI related code can be written inline in the the Razor code making writing, reading and maintaining code easier IMHO. To hide an UI element when a collection is empty requires some hidden attribute to be set on a binding element with XAML. In Razor it is simply @if (collection.?Length>0) { ...} If you are new and can make a choice I would recommend Blazor either directly for the browser or Blazor embedded.

  • @nothingisreal6345
    @nothingisreal6345 Місяць тому

    The for loop is a duplicate coming from C. A for loop is actuall for (<init block>;<condidtion block>;<per iteration block) { <loopblock>;} and translates to <init block>; while (<condition block>) { <loopblock>; <per iteration block>;} foreach is very different. The for loop CAN be used with the intention of a processing all elements of a collection. The foreach loop always iterates all elements of a collection - that must not be mutated in the loop! - and can only be interrupted by a break or return. For the switch it is also not a duplicated feature. the switch expression is to RETURN a typed value from the expression while the classic switch statement executes blocks of code. While the switch expression does not allow code blocks and hence typically has no side effects (but that is not guaranteed as you can call a function that has side effects). The switch (also a duplicat coming from C already) executes blocks and hence can have all kinds of side effects.

  • @nothingisreal6345
    @nothingisreal6345 Місяць тому

    you missed tuples, anonymous types, lambdas, exception handling, goto, LINQ operators like select, where, join ..., nested templates, virtual, polymorphism, RTTI, dynamic, default values, params, out, in, ref, const, enum, Lazy, IDisposable, garbage collection, lock, parallel... the list is much longer. But still a good video to get an overview.

  • @Eudoffels
    @Eudoffels Місяць тому

    Awesome video

  • @volodyslove
    @volodyslove Місяць тому

    Nice lesson 😁

  • @Morimove
    @Morimove Місяць тому

    nice tutorila but i need to build everytime. do you have any solution for it?

  • @suraj_porje
    @suraj_porje Місяць тому

    Thanks for the video. Great refresher of C# for me.

  • @LordErnie
    @LordErnie Місяць тому

    And even this video did not include all of it by far. But nice to see someone fit this much in 10 minutes.

  • @astrahcat1212
    @astrahcat1212 Місяць тому

    It's somehow just so simple compared to Python or Javascript, don't know why, just reads really naturally.

  • @breshkotashmal7362
    @breshkotashmal7362 Місяць тому

    I hate 'var'!

  • @Abcdef-hq3vf
    @Abcdef-hq3vf Місяць тому

    I want to know how to make an extention which could be interacted by a website. In other words how to manage content.js and background.js console.log('Content script loaded'); const script = document.createElement('script'); script.src = chrome.runtime.getURL('inject.js'); (document.head || document.documentElement).appendChild(script); script.onload = () => { console.log('Inject script loaded'); script.remove(); }; window.addEventListener('message', function(event) { if (event.source !== window) return; if (event.data.direction && event.data.direction === 'from-page-script') { chrome.runtime.sendMessage({ type: 'CUSTOM_WALLET_REQUEST', payload: event.data.message }, (response) => { window.postMessage({ direction: 'from-content-script', message: response }, '*'); }); } }); THis is an example code

  • @ngott2
    @ngott2 Місяць тому

    I think it's not clear that Deconstruct are not a Destructor in C#. Is a good video. :)

  • @aymaneeljahrani2280
    @aymaneeljahrani2280 Місяць тому

    MAUI is much better than Xamarin

    • @nothingisreal6345
      @nothingisreal6345 Місяць тому

      Disagree. For me MAUI is already dead. Way too late to the party. The future at MS is Blazor. Writing client apps is anyways coming to an end.

  • @tonnoztech
    @tonnoztech Місяць тому

    thanks!