Eigenen Browser Programmieren?

Hi,

Ich hab mich jetzt schon eine Weile mit Web Development beschäftigt und kann jetzt schon JS, PHP und jQuery. Da es mich schon immer fasziniert hat, einen eigenen Browser zu programmieren, wollte ich mal fragen, wie ich am besten damit beginne bzw., wo ich am besten die Grundlagen nachlesen kann (welche Sprache ich dafür lernen müsste, oder wie man am besten beginnt).

Ich hab gesucht, aber kein wirklich gutes Tutorial oder so gefunden.

2 Antworten

KarlRanseierIII

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

Computer, programmieren, Informatik

06.06.2022, 01:53

Du unterschätzt massiv den Umfang eines Browsers, soviel ist definitiv mal sicher.

Wenn Du mit eigenem Browser meinst, daß Du letztlich alle Komponenten fertig nimmst und nur noch ein wenig zu einem rudimentären Browser verlötest, das wäre vielleicht machbar, aber einen ganzen Browser mit Mio Zeilen Code schreibst Du definitiv nicht alleine.

verreisterNutzer

06.06.2022, 01:56

Soweit ich weiß kann man sich eine Chromium Basis herunterladen und darauf dann aufbauen. Dachte, das wäre dann damit umsetzbar.

mompf03231

06.06.2022, 02:21

@verreisterNutzer

Das wäre aber kein eigener Browser sondern eher ein Reskin, es seidenn du baust revolutionäre neue Features ein

verreisterNutzer

06.06.2022, 02:22

@mompf03231

Unwahrscheinlich. Wo kann ich am besten nachlesen, wie ich ein reskin erstelle?

mompf03231

06.06.2022, 02:25

@verreisterNutzer

Keine Ahnung, das macht kaum jemand deshalb bezweifle ich dass es dazu überhaupt Tutorials gibt.

verreisterNutzer

06.06.2022, 02:26

@mompf03231

Ok danke

TechPech1984

Nutzer, der sehr aktiv auf gutefrage ist

im Thema Computer

06.06.2022, 01:49

Ehrlich, das würde ich gleich mal lassen , bis der Fertig ist , hast Du schon dein Zweites leben beschritten . Heute einen Browser zu Programmieren ist aussichtslos , du musst Dich an soviele Dinge halten das das nur noch in einem mehr oder weniger Großen Team zu machen ist . Wenn kannst Du ein Fork eines bestehenden Browsers machen . Mach lieber nette PlugIns für die Vorhandenen . Glaub mir, ein Browser hat soviele Sachen , da fehlt Dir kompeltt die Grundlage um überhaupt anzufangen .

Du kannst dafür jede Sprache nehmen die Dir gefällt . Grob gesgt, alles was Du kompilieren kannst . Nur eben keine Websprachen . Websprachen ist das einfachste und hat soviel fertig Zeugs , das Du jetzt erstmal was handfestes lernen solltest . Also etwas was wirklich Objektorientiert ist, wirklich auf Datentypen achtet bei Variablen und Du wirst merken das das was Du bisher benutzt hast , quasi sehr viel arbeit abnimmt, die dir die anderen Sprachen überhaupt nciht verzeihen und auch nicht bieten . Java oder C# würde ich zum weitermachen Empfehlen . Damit hast Du erstmal genug zu tun . Das sind komplett6 andere Konzepte , schon eine GUI wird dich am Anfang sehr stressen wenn Du was haben willst, was auch irgendwie Individuell ist .

mompf03231

06.06.2022, 02:22

Grob gesgt, alles was Du kompilieren kannst

Weder Java noch C# werden in Maschinencode kompiliert. Wenn man einen richtigen Browser schreibt muss man schon Rust, C, C++ oder ein Äquivalent verwenden

cuser03

06.06.2022, 11:36

@mompf03231

C# kompiliert (optional) in Maschinencode in der .NET 7 Preview Version

theCPP

06.06.2022, 15:32

@mompf03231

Da gebe ich dir recht

verreisterNutzer

06.06.2022, 01:53

Danke.

Ich werd mal C# versuchen zu lernen. Die Grundlagen sollte ich schon können. Hab in der Schule mal simplere Programme erstellt.

Kannst du mir irgendwelche Projekte für Anfänger empfehlen? Ich lerne am besten, wenn ich an einem Projekt arbeite.

TechPech1984

06.06.2022, 01:57

@verreisterNutzer

vielleicht mal eine kleine tabellenkalkulation mit diagramm bzw graphen ausgabe .

verreisterNutzer

06.06.2022, 01:58

@TechPech1984

Ok danke. Werd ich mal versuchen.

Ähnliche Beiträge

App zum Php Programmieren?

Moin, kennt jemand eine App(IOS) am besten kostenlos mit welcher man Php programmieren und sich dann in einem Browser anzeigen lassen kann ?
Ich habe das bis jetzt nur für Html/Css und Js gefunden!

Danke im Vorraus

...zum Beitrag

Php Anfänger programmieren lernen plugins?

Hallo, Ich will unbedingt php programmieren lernen und die Codes verstehen, Habe mir schon die Grundlagen durchgelesen nicht alle aber schon ein paar aber ich verstehe vorallem die Variable und Arrays nicht ganzs..

Ich möchte für Pocketmine programmieren mit php Minecraft

Hier ein Beispiel video; https://youtu.be/6UpecfCPBXk

Ich bin nicht besonders gut in Mathe und habe nicht besonders aufgepasst in der Schule, Z.b (+), (-), (÷), (×) und so kann ich, aber Variablen und so habe ich nie gemacht.

Ich kann jeden Tag 2 Stunden mindestens üben, aber ich denke ich werde das nie richtig lernen bzw. Verstehen.

Mein Englisch ist auch nicht das beste, Ich weiß nur die Grundlagen. Aber dafür kann ich ein paar andere Sprachen die mir da aber leider nichts bringen.

Soll ich mit kleinen Plugins anfangen, z.b die eine Text Nachricht an die Konsole senden oder Commands?

Kann mir jemand Tipps geben? Z.b das checke ich auch nicht also

Public function onJoin (PlayerJoinEvent $event){

}

Diese Klammern, Ich Blick da nie richtig durch..

Danke lg.

...zum Beitrag

Datenbank selber Programmieren und auf PC Hosten?

Hallo, Ich wollte mal Fragen ob Jemand ein Tutorial hatt wie man eine eigene datenbank Programmiert sie auf seinem PC hostet und dan auch über JS werte eintragen und abrufen kann

...zum Beitrag

Soll man jQuery lernen wenn man danach mit React arbeiten will?

Hallo liebe Com !

Ich habe vor als Front End Web Developer zu arbeiten, und lerne die dazu benötigten Technologien.

HTML, CSS und JavaScript verstehe ich genug, und nun stellt sich mir die Frage ob ich jQuery lernen soll, vereinfacht JavaScript, oder soll ich sofort mit React beginnen, weil React immer populärer wird. Ich glaube jQuery zu lernen nicht notwendig ist und ich auch sofort React lernen kann, oder gibt es Sachen aus jQuery die jeder Web-Developer kennen muss ? Sowie die Basics aus html, css oder JS ?

...zum Beitrag

Asynchrone Datenübertragung zwischen Server und Browser mit AJAX JQuery und Json?

Ich habe folgende Aufgabe bekommen:

Finden Sieh heraus, wie Sie ein Formular via AJAX (jQuery) (asynchronen Datenübertragung zwischen einem Browser und dem Server) absenden, und die Antwort auswerten.

Zusätzlich: PHP Soll alle Daten im modernen Json Format liefern.

Ich würde mich freuen wenn mich jemand dabei Unterstützen kann ich habe noch nie mit JQUERY oder Json gearbeitet. Vielleicht kann es mir wer erklären und zusammen bearbeiten. Würde mich freuen

...zum Beitrag

Projektidee zum Programmieren?

Ich suche im Moment nach einer Projektidee, ich habe Erfahrungen in: Java, C#.net, VB.net, HTML/CSS/JS, PHP, ASP.net, habe im Moment jedoch keine Idee, was ich programmieren könnte.

...zum Beitrag

Muss man intelligent sein, um als Webdeveloper zu arbeiten?

Also mehr als Abitur-Niveau? Mindestens IQ 110?

• Web Technologies:

ASP.NET MVC, .NET Core and Web Services

• Desktop Technologies:

Windows Forms Application, WPF, UWP, and Windows Services,

• Client Side Web Technologies and Frameworks:

HTML, CSS, Bootstrap, JavaScript, jQuery and AJAX

• Mobile Application Development Framework:

Xamarin

• Database and ORM:

MS SQL Server, Entity Framework and LINQ

• Third party library integration:

Google API, Social Media API Integration

...zum Beitrag

Wofür wird Next JS benutzt?

Im Internet steht

„It lets you build server-side rendering and static web applications using React“

Wenn ich also ne Website baue, benutze ich

JavaScript + React + Next Js + Etwas für mein Backend wie PHP?

Ich verstehe nicht ganz, wofür das jetzt benutzt wird. Kann Next JS bereits mein Backend sein?

...zum Beitrag

Javascript (JQuery) in PHP einbinden?

Schönen guten Abend liebe Community,

also ich kann mich seit Ostern dieses Jahres als glücklicher Programmieranfänger bezeichnen. So habe ich mit HTML und CSS begonnen und mich dann über Javascript(JQuery) und Python auch mal an PHP getraut, da ich meine Web-Developement 'Skills' auch mal im Back-End erweitern wollte. Jetzt stoße ich aber ziemlich früh an ein Problem, bei dem ich einfach nicht dahinter Blicke. Meine Intention ist es dabei Javascript (vorallen Dingen JQuery) in PHP mit einzubeziehen. Dafür habe ich mithilfe von XAMPP einen lokalen Server gehostet, auf dem auch alles wunderbar funktioniert. Selbst CSS habe ich nach etwas 'Mehrrerei' zum Laufen gebracht. Jetzt scheitert es aber leider an JQuery. Ich habe das bislang wie im Bild erkenntlich so versucht, meine JQuery Datei mit in den Ordner zu ziehen. Diese dann im Head Bereich zu verlinken und ein Javascript-Script zu erstellen. Wenn ich dort nun jedoch JQuery Code hineinschreibe, wird dieser im Browser nicht ausgeführt.

Nun meine Frage....warum funktioniert das Ganze nicht, bzw. was habe ich falsch gemacht?

Danke schon einmal für alle Antworten!

...zum Beitrag

Web Entwicklung Kurs noch aktuell oder nicht?

Ich habe so nen coolen Kurs für Web Entwicklung mit HTML, CSS, Javascript, jQuery, Bootstrap, PHP auf Udemy gesehen aber der ist von 2019.. haben sich die Dinge schon zu stark verändert in den letzten 4 Jahren oder kann man den noch machen?

Die komplette Web-Entwickler Masterclass | Udemy

...zum Beitrag

Wieso funktioniert meine "Browser Extension" nicht auf dieser Seite?

Mir ist unter Linux aufgefallen das ich gar nicht den Auto-Scroll von Windows habe in zb. Google Chrome wenn man auf das Mauspad klickt, nutze ich gerne und dachte mir als Challenge ohne Chat Gpt dass ich mal schnell probieren könnte ein eigenes zu programmieren.

Ich weiß da gibt es fertige Software und Extension's, die laufen ohne Probleme und Ressourcen sparender wahrscheinlich.

Hab das erst in einer Html Datei (Extension in "") gemacht zum testen dann in anderen Websites den JS Code in eine Konsole eingefügt und es funktioniert eigentlich ganz gut.

Das Problem ist das ich nicht verstehe wieso er nicht hier funktioniert https://www.tennon.io/ , mir fällt beim inspizieren nichts auf und es scheint mit Next JS umgesetzt zu sein.

<!DOCTYPE html>
<html lang="de">


<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Auto Scroll Extension</title>
    <style>
        html {
            min-width: 100%;
        }
    </style>
</head>


<body>
    <script>
        /* Render Dummy Content, cursor change wont work with min-height */
        for (let i = 0; i < 1000; i++) {
            document.body.innerHTML += "Lorem Ipsum ";
        }
        const scrollSpeed_Up = -1;
        const scrollSpeed_Down = 1;
        const middlehalf = window.innerHeight / 2;
        let AutoScroll_Interval; /* Global acess */
        let isScrolling = false;
        let isScrollingUp = false; /* Default Scrolling Down, Prevent Errors */


        const ToggleScrolling = Enable => {
            if (Enable) {
                console.log("Auto Scroll Active");
                document.body.style.cursor = "all-scroll";
                AutoScroll_Interval = setInterval(AutoScroll, 1);
                isScrolling = true; /* Prevent Multiple Interval's */
            } else if (!Enable && isScrolling) {
                /* Stop Interval , Reset Cursor and Variables */
                console.log("Auto Scroll Stopped");
                document.body.style.cursor = "auto";
                clearInterval(AutoScroll_Interval);
                isScrolling = false;
            }
        }


        const AutoScroll = () => {
            /* Get Current Vertical Scroll Position : console.log(window.scrollY); */
            isScrollingUp ? window.scrollBy(0, scrollSpeed_Up) : window.scrollBy(0, scrollSpeed_Down);
        }


        window.addEventListener("mousemove", e => {
            e.clientY > middlehalf ? isScrollingUp = false : isScrollingUp = true;
        });


        /* Check if Scroll Button is Pressed */
        window.addEventListener("mousedown", e => {
            e.button === 1 && !isScrolling ? ToggleScrolling(true) : ToggleScrolling(false);
        });


        /* ############## IGNORE ##############
        Check if Client has reached Bottom
        const scrollableHeight = document.documentElement.scrollHeight - window.innerHeight;
        if (window.scrollY >= scrollableHeight) { 
            // Reached Bottom Code ... 
        } else {
            // Code ...
        }
        */
    </script>
</body>


</html>

...zum Beitrag

Karussell für Kleidungsstücke?

Hey, ich will eine Webseite programmieren und ein Kleidungskarussell erstellen.

Im Grunde so wie in diesem Video

Wie kann ich so etwas programmieren mit php, css, js & html? Brauche ich dafür libs?

Die Bilder hätte ich bereits

...zum Beitrag

Mit php twitter klon?

Aber ich möchte ungerne einen ajax request alle 5 ms senden sondern sowas wie socket io. Leider kann ich nicht wirklicj node js , klar ich kann javascript / react aber da ich immer nur ein standart web Hosting hatte und nicht mit vserver usw beschäftigt hab gabs keine backend alternative zu php und sql

Websickets mit php soll angeblich sehr komplex sein deswegen frage ich ob das stimmt oder ob es alternativen gibt.

ich will jetzt kein ernstgemeintes twitter programmieren sondern nur dazu lernen und ein kleines portfolio aufbauen.

...zum Beitrag

Gibt es eine gute Entwicklungsumgebung für angular 2 und node js?

Ich würde beides gerne in Kombination lernen nachdem ich mit JavaScript Jquery und PHP an die grenzen der "Übersichtlichkeit" (das ich auch in 1 Jahr noch weis was ich da machen wollte) komme.

...zum Beitrag

Was möchtest Du wissen?

Deine Frage stellen