#learn basics javascript

[why-the-heck-not]

30.09.23, saturday

I am a javascript god (me when i’m delusional and also lying)

things done today:

6h of trying to not suck at javascript (got it to work the way it’s supposed to (i’m hoping))

managed to carve out time to actually chill guilt-free (well,, mainly guilt-free, like 70%)

[python-programming-language]

Post #83: Tumblr Opinion Poll by Python-Programming-Language, Question: Which programming resp. script language do you prefer?, 2023.

[skinsbyoctober]

From crude mock-ups in photoshop to a finished-enough something, the sculpting process in skinning kind of looks a little like this for me. Its responsive-ish, which is pretty cool for someone who doesn't really have an interest in responsive design.

See how the mark-up for it is done on my codepen here. Design inspired by this little thing I saw on pinterest.

[purgingmarch]

i had a fun idea for a monster prom shrine on my neocities but that would require me to actually put effort into learning javascript. i suffer for what. girlish whimsy

[wardensantoineandevka]

oh god, it's been so long I've done anything in Twine that I gotta relearn Harlowe. considering whether I should finally learn SugarCube or like Snowman.

[orcelito]

Oh yeah yesterday I went to my C programming professor's office hours to ask about what's being covered in class tomorrow. Since I can't go bc of my PT appointment overlapping with it & I'm apparently the kind of student that cares about attending every single class now.

While I was there, I ended up chatting with him about a few things, including my current standing in the class. He asked what I got on the midterm exam, & I answered it was an 87, and he told me I was one of the top 5 or 6 scores in the Whole Class (this being a like. Maybe 70 or so person class). Top score was a 92 or 93 (idr lol) & the class average was a 72. Apparently there were a few of us in the upper 80s/lower 90s, but most people got 70s or lower. And once he does the curve on the exam, he said I'd probably end up with a 97 or so on the exam. So yay!!!

And then he told me how he's noticed how I come to class every day and am really active with taking notes and answering questions. Bc I also sit up front all the time lmao. Hadn't even realized how much of a damned teacher's pet I've been being, but I've been Trying to be a good student this year. But he said I was the type of student that if I got an 88% or smth in the class, he'd likely bump me up to a 90% so I'd get an A lol. But he also said so long as I keep up with how I have been, I could possibly get a 100% in the class by the end (bc I've been there for all the extra credit questions in class and whatever).

And just. I went there bc I wanted to make sure I didn't miss anything important in class on Wednesday, and I ended up having my ego stroked for Real. Felt good to have my efforts be recognized.

[l0stw00d]

local guy tries 2 learn javascript. decides it might be a mistake actually.

[ogxfuturetech]

The Comprehensive Guide to Web Development, Data Management, and More 

Introduction 

Everything today is technology driven in this digital world. There's a lot happening behind the scenes when you use your favorite apps, go to websites, and do other things with all of those zeroes and ones — or binary data. In this blog, I will be explaining what all these terminologies really means and other basics of web development, data management etc. We will be discussing them in the simplest way so that this becomes easy to understand for beginners or people who are even remotely interested about technology.  JOIN US

What is Web Development? 

Web development refers to the work and process of developing a website or web application that can run in a web browser. From laying out individual web page designs before we ever start coding, to how the layout will be implemented through HTML/CSS. There are two major fields of web development — front-end and back-end. 

Front-End Development 

Front-end development, also known as client-side development, is the part of web development that deals with what users see and interact with on their screens. It involves using languages like HTML, CSS, and JavaScript to create the visual elements of a website, such as buttons, forms, and images. JOIN US

HTML (HyperText Markup Language): 

HTML is the foundation of all website, it helps one to organize their content on web platform. It provides the default style to basic elements such as headings, paragraphs and links. 

CSS (Cascading Style Sheets):  

styles and formats HTML elements. It makes an attractive and user-friendly look of webpage as it controls the colors, fonts, layout. 

JavaScript :  

A language for adding interactivity to a website Users interact with items, like clicking a button to send in a form or viewing images within the slideshow. JOIN US

Back-End Development 

The difference while front-end development is all about what the user sees, back end involves everything that happens behind. The back-end consists of a server, database and application logic that runs on the web. 

Server: 

A server is a computer that holds website files and provides them to the user browser when they request it. Server-Side: These are populated by back-end developers who build and maintain servers using languages like Python, PHP or Ruby. 

Database:  

The place where a website keeps its data, from user details to content and settings The database is maintained with services like MySQL, PostgreSQL, or MongoDB. JOIN US

Application Logic —  

the code that links front-end and back-end It takes user input, gets data from the database and returns right informations to front-end area. 

Why Proper Data Management is Absolutely Critical 

Data management — Besides web development this is the most important a part of our Digital World. What Is Data Management? It includes practices, policies and procedures that are used to collect store secure data in controlled way. 

Data Storage –  

data after being collected needs to be stored securely such data can be stored in relational databases or cloud storage solutions. The most important aspect here is that the data should never be accessed by an unauthorized source or breached. JOIN US

Data processing:  

Right from storing the data, with Big Data you further move on to process it in order to make sense out of hordes of raw information. This includes cleansing the data (removing errors or redundancies), finding patterns among it, and producing ideas that could be useful for decision-making. 

Data Security:  

Another important part of data management is the security of it. It refers to defending data against unauthorized access, breaches or other potential vulnerabilities. You can do this with some basic security methods, mostly encryption and access controls as well as regular auditing of your systems. 

Other Critical Tech Landmarks 

There are a lot of disciplines in the tech world that go beyond web development and data management. Here are a few of them: 

Cloud Computing 

Leading by example, AWS had established cloud computing as the on-demand delivery of IT resources and applications via web services/Internet over a decade considering all layers to make it easy from servers up to top most layer. This will enable organizations to consume technology resources in the form of pay-as-you-go model without having to purchase, own and feed that infrastructure. JOIN US

Cloud Computing Advantages:  

Main advantages are cost savings, scalability, flexibility and disaster recovery. Resources can be scaled based on usage, which means companies only pay for what they are using and have the data backed up in case of an emergency. 

Examples of Cloud Services: 

Few popular cloud services are Amazon Web Services (AWS), Microsoft Azure, and Google Cloud. These provide a plethora of services that helps to Develop and Manage App, Store Data etc. 

Cybersecurity 

As the world continues to rely more heavily on digital technologies, cybersecurity has never been a bigger issue. Protecting computer systems, networks and data from cyber attacks is called Cyber security. 

Phishing attacks, Malware, Ransomware and Data breaches: 

This is common cybersecurity threats. These threats can bear substantial ramifications, from financial damages to reputation harm for any corporation. 

Cybersecurity Best Practices:  

In order to safeguard against cybersecurity threats, it is necessary to follow best-practices including using strong passwords and two-factor authorization, updating software as required, training employees on security risks. 

Artificial Intelligence and Machine Learning 

Artificial Intelligence (AI) and Machine Learning (ML) represent the fastest-growing fields of creating systems that learn from data, identifying patterns in them. These are applied to several use-cases like self driving cars, personalization in Netflix. 

AI vs ML —  

AI is the broader concept of machines being able to carry out tasks in a way we would consider “smart”. Machine learning is a type of Artificial Intelligence (AI) that provides computers with the ability to learn without being explicitly programmed. JOIN US

Applications of Artificial Intelligence and Machine Learning: some common applications include Image recognition, Speech to text, Natural language processing, Predictive analytics Robotics. 

Web Development meets Data Management etc. 

We need so many things like web development, data management and cloud computing plus cybersecurity etc.. but some of them are most important aspects i.e. AI/ML yet more fascinating is where these fields converge or play off each other. 

Web Development and Data Management 

Web Development and Data Management goes hand in hand. The large number of websites and web-based applications in the world generate enormous amounts of data — from user interactions, to transaction records. Being able to manage this data is key in providing a fantastic user experience and enabling you to make decisions based on the right kind of information. 

E.g. E-commerce Website, products data need to be saved on server also customers data should save in a database loosely coupled with orders and payments. This data is necessary for customization of the shopping experience as well as inventory management and fraud prevention. 

Cloud Computing and Web Development 

The development of the web has been revolutionized by cloud computing which gives developers a way to allocate, deploy and scale applications more or less without service friction. Developers now can host applications and data in cloud services instead of investing for physical servers. 

E.g. A start-up company can use cloud services to roll out the web application globally in order for all users worldwide could browse it without waiting due unavailability of geolocation prohibited access. 

The Future of Cybersecurity and Data Management 

Which makes Cybersecurity a very important part of the Data management. The more data collected and stored by an organization, the greater a target it becomes for cyber threats. It is important to secure this data using robust cybersecurity measures, so that sensitive information remains intact and customer trust does not weaken. JOIN US

Ex: A healthcare provider would have to protect patient data in order to be compliant with regulations such as HIPAA (Health Insurance Portability and Accountability Act) that is also responsible for ensuring a degree of confidentiality between a provider and their patients. 

Conclusion 

Well, in a nutshell web-developer or Data manager etc are some of the integral parts for digital world.

As a Business Owner, Tech Enthusiast or even if you are just planning to make your Career in tech — it is important that you understand these. With the progress of technology never slowing down, these intersections are perhaps only going to come together more strongly and develop into cornerstones that define how we live in a digital world tomorrow. 

With the fundamental knowledge of web development, data management, automation and ML you will manage to catch up with digital movements. Whether you have a site to build, ideas data to manage or simply interested in what’s hot these days, skills and knowledge around the above will stand good for changing tech world. JOIN US

[small-basic-programming]

Top 10 - The Best Programming Languages ...

https://www.tiobe.com/tiobe-index/

Ranking of the 10 most popular programming resp. script languages according to TIOBE programming community index:

Python

C

C++

Java

C#

JavaScript

PHP

Visual Basic

SQL

Assembler

Post #188: Tiobe, Index of the 10 best programming resp. script languages in November 2023.

[divinector]

Responsive Image Gallery with Lightbox Effect

[death-by-moth]

I’m really gonna do it this time (finish a project)

[pauljonessoftware]

Real Talk: Wanna Learn Web Development?

Web development is one of the most in-demand skills in the tech industry, whether you’re an aspiring IT contractor, a software developer looking to expand your expertise, or a recruiter wanting to better understand what makes a great web developer. But where do you start? What’s the minimum you need to know? And what tech stacks should you focus on? Let’s break it down. The Minimum Tech You Need…

[lord-html]

Como fazer um theme em tableless.

Começaremos do zero, por tanto, apague tudo.

Vamos começar com o básico do nosso HTML, o head.

Coloque o seguinte código:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head profile="http://gmpg.org/xfn/11">

Agora vamos adicionar o título que ficará na "aba" do navegador. Você pode colocar ele automático ...

<title>{title}</title>

Ou pode trocar {title} por uma frase que você goste, se preferir. Agora vamos pro CSS. Vou explicar o básico do tableless aqui, você pode adicionar complementos para personalização, que você quiser. Adicione o seguinte código para configurar o geral do body:

<style> body { background-image: url('LINK DO BG'); /*Background do theme*/ font-size: 10px; font-family: Tahoma; text-align: justify; color: #COR DA FONTE; }

Agora vamos colocar o style que configura a "página". Ele que vai dar origem ao layout da sidebar e dos posts.

/* layout */ #page { /*** linha VERTICAL do layout ***/ width: 860px; /*largura para a "página" */ background-image: url('URLDAIMAGEM'); /*Imagem de fundo que desce de maneira vertical dando continuação aos posts e sidebar*/ background-repeat: repeat-y; /*quer dizer que se repetirá apenas na vertical*/ margin-left: auto; /*se ajustará de acordo com a tela*/ margin-right: auto; }

Agora vamos colocar a parte do banner! Adicione ao seu CSS:

#header { /*** Topo do layout! ***/ background: url('URL DO BANNER') no-repeat top center; /*ficará no centro, no topo e não se repetirá*/ width: 860px; /*largura da imagem*/ height: 300px; /*altura da imagem*/ }

ATENÇÃO: AS DIMENSÕES DE WIDTH E HEIGHT TÊM QUE SER AS MESMAS DO BANNER QUE VOCÊ FEZ!

Agora vamos configurar as dimensões da sidebar, a largura, o espaço entre a direita e o posicionamento. Adicione:

#sidebar { /*** Sidebar é a coluna do perfil do layout ***/ width: 270px; /*ou a largura que você escolher*/ color: #COR DA FONTE; font-family: Tahoma; font-size: 10px; text-align: justify; padding: 0px; /* espaço do texto entre a width imposta */ float: left; /*alinhado a esquerda*/ margin-top: -10px; /*ajuste para a direita, esquerda e para baixo*/ }

Agora vamos fazer o mesmo com os posts:

#content { /*** conteudo dos posts e das paginas ***/ width: 590px; text-align: justify; margin-top: -10px; padding-left: 0px; float: right; /*alinhado à direita*/ }

Agora o rodapé, aqui vai ficar a imagem que dá origem ao rodapé, e o posicionamento dele: 

#footer { /*** imagem rodapé do layout ***/ background-image: url('http://imagem.jpg'); /*Imagem do rodapé da página*/ background-position: bottom; /*posição para baixo*/ width: 779px; /*largura da imagem*/ height: 30px; /*altura da imagem*/ clear: both !important; /*quer dizer que não importa o tamanho dos posts e sidebar, sempre aparecerá abaixo deles de maneira alinhada, é crucial para deixar que a imagem apareça!*/}

O básico do tableless está pronto. Finalize o css com...

</style>

Agora vamos pro body, que é o corpo do nosso layout. 

Primeiro vamos pro banner e depois a sidebar. Adicione:

<body>

<center>

<div id="page">

<div id="header"></div>

<div id="sidebar">

<!– CONTEUDO DO PERFIL –>

Tudo sobre você aqui<br>

Tudo sobre você aqui<br>

Tudo sobre você aqui<br>

<!– FIM DO CONTEUDO –>

</div>

Coloque no "conteúdo do perfil" o que você quer que apareça na sidebar. Ex: Moderadores, parcerias, etc.

Agora vamos fazer a parte dos posts, o content.

Coloque:

<div id="content"> <!– CONTEUDO DO POST E PAGINAS –>

COLOQUE AS TAGS AQUI!

<!– FIM DO CONTEUDO –>

</div>

No "coloque as tags aqui" você coloca as tags dos posts, esse é o básico delas, o CSS delas é você quem faz (se elas não funcionarem, vocês podem baixá-las no madly luv):

{block:Posts}

<!--TEXTOs-->

{block:Text}

{block:Title}<a href="{Permalink}" class="title">{Title}</a>{/block:Title}

<div>{Body}</div>

{/block:Text}

<!--PERGUNTAS E MENSAGENS-->

{block:Answer}

<strong>{Asker}</strong> perguntou: {Question}<br /><br />

Resposta: {Answer}<br />

{/block:Answer}

<!--LINKS-->

{block:Link}

<a href="{URL}">{Name}</a>

{block:Description}{Description}{/block:Description}

{block:Link}

<!--FOTOS-->

{block:Photo}

<center>{LinkOpenTag}<img src="{PhotoURL-500}" title="{PhotoAlt}" />{LinkCloseTag}</center><br />

{block:Caption}{Caption}{/block:Caption}<br />

{/block:Photo}

<!--FRASES-->

{block:Quote}

<h3><big>"</big> {Quote} "</h3>

{block:Source}— {Source}{/block:Source}

{/block:Quote}

<!--DIALOGOS-->

{block:Chat}

{block:Title}<a href="{Permalink}">{Title}</a>{/block:Title}

<table>

{block:Lines}

<tr>

{block:Label}<td class="name">{Label}</td>{block:Label}

<td class="words">{Line}</td>

</tr>

{/block:Lines}

</table><br />

{/block:Chat}

<!--MUSICAS-->

{block:Audio}

<div style="float:right; margin-top: 6px;"><i>Música ouvida {PlayCount} vezes</i> {block:ExternalAudio}(<a href="{ExternalAudioURL}">download!</a>){/block:ExternalAudio}</div>

<center>{AudioPlayerWhite}</centeR>

{block:Caption}{Caption}{/block:Caption}<br />

{/block:Audio}

<!--VIDEOS-->

{block:Video}

<center>{Video-500}</center>

{block:Caption}{Caption}{/block:Caption}<br />

{/block:Video}

Em {DayOfMonth}-{MonthNumberWithZero}-{Year} às {12Hour}:{Minutes}{AmPm}

{block:RebloggedFrom} via <a href="{ReblogParentURL}">{ReblogParentName}</a> por <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom} 

{block:NoteCount}<a href="{Permalink}">{NoteCount}</a>{/block:NoteCount}

{block:ContentSource}<a href="{SourceURL}" target=blank><b>Source</b></a>{/block:ContentSource}

<a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};">Reblog this!</a>

{block:HasTags}Tags: {block:Tags} <a href="{TagURL}">{Tag}</a>, {/block:Tags}{/block:HasTags}</a>

{block:PostNotes}<br />{PostNotes}{/block:PostNotes}

{/block:Posts}

Agora o rodapé:

<div id="footer"></div>

Vamos finalizar o theme com:

</div>

</center>

COLOQUE AQUI O IFRAME, SE QUISER.

</body>

</html>

Bem, esse é o básico, do básico. O resto é com vocês. Espero ter ajudado. Beijos ;*

[freeonlinecourse94]

The Web Developer Bootcamp 2025 - Free Course

Course Content

Introduction to Web Development

Building Web Pages with HTML5 & CSS3

JavaScript Basics & Advanced Concepts

Back-End Development with Node.js

Database Management with MongoDB

Building Full-Stack Web Applications

Deploying Projects to the Web

Join Now

[mydevdiary]

Returning To The Basics: A New Series

I was originally going to write a post about reactivity in Svelte, but when going over the tutorial section, I realized I had so many questions that the post would take me weeks to write well.

I realized that my understanding of the basics could be better. So, I've decided to start a new series digging into the nitty gritty details of web development.

I won't have a particular order to the series, but I'll write posts based on my questions as I continue studying Svelte, reading MDN documentation, and through practical experience.

My first post will be about the Document Object Model (DOM), which was my first question when going through reactivity in Svelte.

Hopefully, I'll have it done this weekend or sometime during the week!

[unidentifiedfuckingthing]

i need a matrix neural port i want to download c knowledge directly into my brain instead of having to filter it through the words of any option of a million different people who think in such a different way than me that its twice the work just to figure out what life experience and prior assumptions about learning are going into the things theyre saying and what it actually means as opposed to what i think it means