How to Program Code Syntax Highlighter Using JavaScript

Поделиться
HTML-код
  • Опубликовано: 25 окт 2024

Комментарии • 70

  • @peristiloperis7789
    @peristiloperis7789 8 лет назад +8

    Adam, I'm an old fan of yours. You should make more videos. You're a legend!

  • @RemyLaurentmanolenso
    @RemyLaurentmanolenso 8 лет назад +1

    Thank you mister Khoury, very clear and understandable tutorial, you speak clearly, calmly!, a good thing for a non-native English people, a good starter for playing with the Regular Expressions.

  • @daltonneely9683
    @daltonneely9683 8 лет назад +1

    This guy is so much better than A LOT of people on RUclips who try and show you to program. He's is better than my professor haha but don't tell her that ;)

  • @nonchalant8473
    @nonchalant8473 8 лет назад +2

    Your Javascript tutorials are really helpful Adam. Thanks and keep it up!!

  • @puspamadak
    @puspamadak 3 года назад

    Feeling lucky to have found this video. You have explained very well the basics of how syntax highlighters work as well as in a very simple way!

  • @zwiebec78
    @zwiebec78 8 лет назад +2

    And reason #7: you may just be a nerd.
    yet another great lesson Adam thanks, I've learned so much from you!

  • @JAHKAMREN
    @JAHKAMREN 8 лет назад

    Bro! I just want to let you know that I have happen to bump in to one of your older videos and brought some nostalgic feeling. I think it had to do with the muffled audio quality that was in the video, it was kind of your signature. Haha. Im glad you are still doing what you love. I started following way back somewhere in 2008, 19 at the time. I learned so much from you: PHP, how all adobe products work together, even Flash, years before Apple decided not to use it on their products. Haha. Time goes by really fast does it? Cheers my friend! You are awesome!

  • @sdhpCH
    @sdhpCH 8 лет назад +2

    Merry Xmas, Sir Adam.
    Thank you for another year appearing on my monitors, and all the work that is involved.
    A good start for you and your family in 2016.

    • @AdamKhoury
      @AdamKhoury  8 лет назад

      +sdhpCH thanks and Merry Christmas to you too

  • @MohsinAlikhral
    @MohsinAlikhral 8 лет назад +2

    Great Tutorial. Nice Job Adam K. Thanks for sharing awesome stuff.

  • @millena3115
    @millena3115 8 лет назад +1

    Thanks, Adam! You are amazing!

  • @ManMadeToons
    @ManMadeToons 8 лет назад +5

    You make the best videos man!

    • @AdamKhoury
      @AdamKhoury  8 лет назад +3

      +ManMadeToons Thanks. You flatter me, I am not worthy

  • @takappar
    @takappar 8 лет назад +1

    Great job, as expected!

  • @markleosumadero6764
    @markleosumadero6764 8 лет назад +2

    long live sir adam..
    hoping For more videos to come

  • @lejonjaro8044
    @lejonjaro8044 8 лет назад

    Always the best video tutorials, thank you for sharing your knowledge Sir Adam Khoury.

  • @General_Aladeen
    @General_Aladeen 6 лет назад

    really miss your tutorials.

  • @alexricovic336
    @alexricovic336 8 лет назад

    thanks a lot Mr.Adam
    i have a question about how to make a popup that allow users to choose their own language before starting browsing the website is that possible in wordpress please guide me
    thanks

  • @ETXAlienRobot201
    @ETXAlienRobot201 8 лет назад

    thanks again for an actually helpful and useful tutorial!

  • @MesutAkcan
    @MesutAkcan 5 лет назад

    Great tutorial. Very thanks!

  • @umarbabajidda9664
    @umarbabajidda9664 8 лет назад +1

    Your videos rock Adam. whooooa. here, have a 1000likes

  • @CronusDs
    @CronusDs 8 лет назад

    I love your videos !

  • @FinalBossDany
    @FinalBossDany 8 лет назад +1

    "Okay babai" xD
    Nice tutorial as always man, keep up the good work ^^

  • @IARRCSim
    @IARRCSim 3 года назад

    What is the best way to make the syntax highlighter interactive? The code element is usually read-only.

  • @christellewehbe
    @christellewehbe 8 лет назад

    Hello, I have an exercise to make my own chat server and to implement the protocol so that I can connect to my own chat client. I need to do this in Java. Can you please help me? Do you have any video about it or do you have any other tutorial that I can follow?

  • @danielkupka8687
    @danielkupka8687 8 лет назад

    YOU HAVE GREATS VIDEOS

  • @syedsabir9158
    @syedsabir9158 8 лет назад

    sir we have made a custome website in php,, now we want to publish posts from control panel that have multiple image....
    that is some text comes before image and some text need to have after image includingly many images in one post. but we don't know how to do it dynamicly(from control panel) not in hard code...
    please give us easiest way to do it...

  • @cirusMEDIA
    @cirusMEDIA 8 лет назад +1

    Are you looking into doing TypeScript tutorials in the future Adam?

    • @AdamKhoury
      @AdamKhoury  8 лет назад

      +CIRUS MEDIA I have no current intention of doing that, but one never knows what direction technology will take them.

    • @cirusMEDIA
      @cirusMEDIA 8 лет назад

      Adam Khoury Ok cool.

    • @ludwighallgren2554
      @ludwighallgren2554 7 лет назад

      TypeScript would be nice. Thanks for loads of great tutorials.

    • @General_Aladeen
      @General_Aladeen 7 лет назад

      yes typescript! :-)

  • @christylynbuna5444
    @christylynbuna5444 8 лет назад

    good day sir . Could you help me do my project about scrolling status bar messages.. its very difficult because i finish type the code using the notepad but sad to say there's no effect in the browser im using. im using google chrome ..
    please.... thank you sir

  • @ian316dta
    @ian316dta 8 лет назад

    Good Day to you Mr. Khoury! I really need help on reading plist files that I got from my skype. I sync my iPhone and all these plist and xml files showed up and I don't know how to read it. I'm sorry for messaging you here publicly about my concern but I am very desperate and I need help pls. Thank you

  • @nelsonfind3085
    @nelsonfind3085 8 лет назад

    thanks adam you the best

  • @acentill2384
    @acentill2384 8 лет назад

    Thanks for your tutorials they are really great!Could you please make AJAX tutorial.Thanks and happy new year!!

  • @danielkupka8687
    @danielkupka8687 8 лет назад

    THANK YOU ADAM!!!

  • @dexrx
    @dexrx 8 лет назад +1

    Good tutorial.

  • @bovellbarnes2039
    @bovellbarnes2039 8 лет назад

    Adam, no one like you. I have a problem and only a master like yourself could solve. I have an html doc and I want when someone clicks on a word anywhere in a div the word highlighted can be parsed to a function. How can the event handler grab that word.

    • @AdamKhoury
      @AdamKhoury  8 лет назад

      +Bovell Barnes ... You may want to research the "Selection" object in JavaScript and the "getSelection() method. That should lead you down the road you want. developer.mozilla.org/en-US/docs/Web/API/Window/getSelection

  • @GTA4mecago
    @GTA4mecago 8 лет назад

    great video :)

  • @ashwanibansal1971
    @ashwanibansal1971 6 лет назад

    Firstly I would like to appreciate your amazing effort to make this video
    Can you please make a video or refer me, how to do this task with "textarea" tag instead of "code" tag.
    I don't want to use code mirror,
    Thnaks in advance

    • @sonalbansal2734
      @sonalbansal2734 5 лет назад

      did you found out the solution to this till now? Please share it with me too :)

  • @wahidulislam7528
    @wahidulislam7528 8 лет назад

    Thank You very much ! sir your the best your lots of helpfull

  • @mundopublicom
    @mundopublicom 8 лет назад +1

    Many Thanks Boss!!..

  • @FinleySiebert
    @FinleySiebert 8 лет назад

    If I click on the link for "lesson code" I get a filenotfound.php redirect?

    • @AdamKhoury
      @AdamKhoury  8 лет назад

      +Finley Siebert Thanks... I fixed the link in the description.

  • @ginginedevofficial3586
    @ginginedevofficial3586 8 лет назад

    Hi there Adam I would like to know if I should get into Javascript at the age of 13?
    I want to make a home business hence the name GinGineDev / Development | GGD
    Please get back to me.
    ~ Ellis Watson

  • @diaeddine97
    @diaeddine97 6 лет назад

    Thanks a lot, really

  • @swapnilvengurlekar8777
    @swapnilvengurlekar8777 8 лет назад

    hey adam,
    can i know the editor your using in this tutorial ?

  • @slimanbaghouri4287
    @slimanbaghouri4287 8 лет назад +1

    verry helpful ♥

  • @FFVison
    @FFVison 8 лет назад

    It forces you to learn regular expressions? Why would you need to be forced to learn regular expressions? I find them to be quite fun, I don't need to be forced to learn them. Figuring out how to use better and better regular expressions is always a good challenge.

    • @ETXAlienRobot201
      @ETXAlienRobot201 8 лет назад

      +FFVison
      Probably because there are some tasks that programmers may find daunting or frustrating.
      You might find them to be fun, but a lot of people do not.
      That said, a lot of people wouldn't touch them with a ten-foot pole
      However, if one comes across a project where the only option is to complete that not so exciting task, then you either have to force yourself to learn, or quit right there.
      I for one find this quite advantageous.
      If the project demands a skill or technology I might not otherwise use, it serves as an excellent learning opportunity for me.
      Another issue, too, can sometimes be the individual's self esteem or motivational levels. After I went through high school, I was left in a pretty damaged state, especially in those departments.
      I am finding to do anything I once enjoyed, or was starting to enjoy or take an interest in, I must force myself to do that task.
      Bad past experiences with that task/skill also play a role. After trying something, and not doing well because at that time you either weren't ready, or whoever trained you didn't do a good job, you might be very reluctant to ever try it again.
      I could probably endlessly list examples.
      But basically, just because you enjoy it, doesn't mean others do.
      They might be intimidated , terrified, disgusted, etc... about whatever the specific skill or task may be. If they didn't find an excuse to try learning it on their own time, even if that meant forcing it, they either wouldn't ever learn it at all, or they'd learn it halfway through another actually important project, and the results could be disastrous. I have done this myself before, and it is very hard re-factoring however much code or formatting stuff you already have set-up, in a way you're used to, with something that was suggested or recommended, that you're not used to. If forcing oneself is what it takes to accomplish the task at hand, or develop a valuable skill, then so be it.

  • @Sharku5
    @Sharku5 6 лет назад

    Thanks!!

  • @mdiqbalhossen4304
    @mdiqbalhossen4304 6 лет назад

    nice boss

  • @vernielariosa9838
    @vernielariosa9838 8 лет назад

    file not found. in the Lesson Code link Sir

  • @durchschnittlich
    @durchschnittlich 8 лет назад

    You wanted to link a page explaining regex

    • @AdamKhoury
      @AdamKhoury  8 лет назад

      +4E2010XD Hi there... The link to the code of this tutorial and regex components is linked in the video description. I also showed where it can be found directly within the video.

  • @sangamyadav5079
    @sangamyadav5079 5 лет назад

    Thank you

  • @vipulsingh120
    @vipulsingh120 8 лет назад

    adam u so fuckin awsome damnnnnnnnnnnnnn luv tht ur idea ....!!!!!!!!

  • @Stowbot
    @Stowbot 8 лет назад +1

    what happened to this guy? I miss his videos. :(

    • @peristiloperis7789
      @peristiloperis7789 8 лет назад

      Me too! Too bad he's not as frequent as before. I used to watch all his new videos.

  • @TheWombatGuru
    @TheWombatGuru 8 лет назад

    awesosomwé

  • @TizzyT455
    @TizzyT455 6 лет назад

    This is a simple solution to syntax highlighting but with more larger and complicated languages this method becomes relatively slow with the repetitive replacing. A stream based approach would be better. This method is also prone to bugs.

  • @JasonCtutorials
    @JasonCtutorials 8 лет назад

    regex is how google is run.

  • @synrecords2388
    @synrecords2388 8 лет назад +1

    hey, you haven't made any videos.since last year! quit slacking!