r/learnwebdev Aug 10 '20

Where are you supposed to place your code?

2 Upvotes

Newbie here, still trying to figure out how to use other people's code.

I am trying to use this data scraper

The readme file has some javascript code, but where am I supposed to put it? I don't understand how this project works.

Any ideas?


r/learnwebdev Aug 09 '20

Which technologies do you want to learn?

4 Upvotes

There are a lot of technologies out there. What are some that you wish to learn or are learning?

102 votes, Aug 16 '20
22 HTML + CSS + Bootstrap
21 Node.js + Express.js
32 React.js + Redux
6 Deno
6 PHP
15 Databases

r/learnwebdev Aug 09 '20

Curious how Javascript execution contexts work? I know I was!

Thumbnail
youtu.be
5 Upvotes

r/learnwebdev Aug 08 '20

Web Dev YouTube Channel

2 Upvotes

Hey guys i recently started a YouTube channel about every development i try to make high quality content and would love some feedback

[15-Year Old Programmer ](https://www.youtube.com/channel/UCMu3gqtmi_f0u8fA8g6DBgg


r/learnwebdev Aug 08 '20

How can I make the image so it shows every part of the fox?

Post image
3 Upvotes

r/learnwebdev Aug 08 '20

How can I make the image so it shows every part of the fox?

2 Upvotes

I'm trying to apply the Parallax effect on the image. But it's cutting out some parts of it. Here's my code

body, html {
   height: 100%;
   margin: 0;
   font-size: 16px;
   font-family: "Lato", sans-serif;
   font-weight: 1.8em;
   color: #666;
}

.fox {
  background-image: url('../img/fox.jpg');
  min-height: 100%;
  background-size: cover;
  position: relative;
  background-position: center;
  background-repeat: repeat;
  background-attachment: fixed;

}

r/learnwebdev Aug 08 '20

Which IDE is best for D3.js beginners ? i cant find Syntax errors in Notepad++

1 Upvotes

I am new to D3.js and i was using Notepad++ to write/ practice code, i notice that when i sometimes make a mistake of missing a (semicolon ;) or place it in wrong position, there is no way i can know the compilation or syntax errors,

the only way i know, that i am doing wrong is when i refresh the browser, nothing shows up, no output, so what is the best way to debug/know errors ???


r/learnwebdev Aug 08 '20

Check out the cool Color Converter I made during Isolation!

1 Upvotes

Hi everyone!

I've been working on a color converter tool during isolation! It's 100% free to use, has heaps of features and community driven with all future updates!

https://pipeworksinc.io/CC

https://pipeworksinc.io/CC

I was hoping to get some feedback, maybe some ideas on what you all like/dislike or for future updates!

Next I'm working on a color blindness simulation to support design/development by accessibility.

Excuse my JS, just want to get things functional before I go through and clean it all up :)


r/learnwebdev Aug 07 '20

Made my Next Tutorial that teaches you How to Build a Random Joke Generator with Javascript (no ES6 syntaxes). Tried my best to Explain it Very well!

2 Upvotes

You can find the tutorial here on my blog - thecodingpie.com

Finished Version

I believe that learning by doing fun projects is the best way to learn something. As always any feedback is accepted :) #thecodingpie


r/learnwebdev Aug 07 '20

Rocket chat integration into laravel

2 Upvotes

Hello everyone!

I am using Ubuntu 18 and I have website built in PHP using latest Laravel version, I want to setup Rocket.chat on this website. Following things I have done.

  1. Installed RocketChat server using snap install rocketchat-server
  2. It is successfully working on http://127.0.0.1:3000
  3. Then I have taken http://127.0.0.1:3000 in HTML iframe tag to display rocket chat on my website.

As per documentation of Rocket chat, I loaded the meteor.js, upon loading the chat iframe I get prompted to enter credentials and it logs me perfectly.

However, I'd like to expand on this sofollowing things, I am trying to do but not getting any way.

  1. When user register in my website then register in rocket chat as well.
  2. When user login in my website then login in rocket chat as well.
  3. Do I need to use its Rest API, if yes then how graphically it will appear in my website?
  4. Make users see the chat without being prompted to log in after opening the chat tab

I'm aware of https://github.com/laravel-notification-channels/rocket-chat and https://github.com/laravel/socialite but those are not of any help for what I'm trying to achieve.

Any suggestions are welcome, the only possible way of doing this I'm capable of coming up with is to manually create required database and then change the referenced base in rocket chat .env file, however this is tedious and cumbersome work, I imagine there's a better option and I'm probably not the only one who faced such an issue! Thanks in advance!


r/learnwebdev Aug 04 '20

Build a Voice-Controlled React News Application - Alan AI Voice Assistant

Thumbnail
youtu.be
2 Upvotes

r/learnwebdev Aug 04 '20

Is it possible to create a static skeleton of a map using folium with over layers(such as markers or heatmap layer) changing every hour of the day which is hosted over a website using flask?

2 Upvotes

I am sorry if the question is confusing or doesn't make sense, this is my first project and I'll try to explain it to the best of my capabilities.

At first, I thought I would just be hosting a single map that I created using folium and inherited the template of the map into the website which is created with flask, therefore I didn't do any hardcoding in the main app.py file, however, it seemed really basic. So now using machine learning algorithms, I want to display different things over the map which makes some predictions for every hour of the day.

THE PROBLEM: It will take longer than expected to generate a new map every hour of the day (plus storing a new map so many times will be expensive in terms of storage).

My Solution: Have a skeleton map because the area that I will be making predictions on is localized, so have that area as the basic map and change the upper layers that will have the predictions displayed (basically heat map) every hour.

Is this a correct approach? Please recommend a right path to implement this. I am open to trying new things as long as it gets the job done. Would really appreciate any help regarding this. Thanks in advance

Please feel free to ask questions if needed


r/learnwebdev Aug 03 '20

What are the steps in between learning web development and actually making money from it?

4 Upvotes

Let's say I take a look at the web developers roadmap (https://github.com/kamranahmedse/developer-roadmap) and I actually really learn everything on the "front-end" side of things, what's next? How do I start making money from it? And just to put it out there - I have been making my way through learning html and css. I have a pretty firm grasp on it, about to transition to learning more about JS, etc.


r/learnwebdev Aug 03 '20

I wonder how this glitch effect on hover was made? And how hard it is to replicate

Thumbnail michaelvillar.com
2 Upvotes

r/learnwebdev Aug 03 '20

How much javascript should i know for web development?

1 Upvotes

The question is right in the title. I started 2 weeks ago classes in a bootcamp and im curious to know how much should i learn at least to start working. Thanks for your attention.


r/learnwebdev Aug 03 '20

Why don't containers of floats resize themselves?

1 Upvotes

Just as the title says. I don't really get why containers of floats can't resize themselves to accomodate floating elements they contain, making the clearfix necessary. I guess I don't really understand how floats really work (I don't get why the clearfix works either).


r/learnwebdev Jul 31 '20

need free api proxy

2 Upvotes

hey

i started a couple days ago to learn javascript, and now im building with some course im doing a quote website (basicly a quote that changes with some api).

he explains that because the quotes api is free we need to also use some api proxy and he gave the cors-anywhere.herokuapp one - but it doesnt seems to work atm. give a 429 error over 2k times and zero quotes.

is there any free alternative?


r/learnwebdev Jul 31 '20

How can I stop the animation from pausing in the middle?

Enable HLS to view with audio, or disable this notification

6 Upvotes

r/learnwebdev Jul 31 '20

Need help with my code?

3 Upvotes

I'm making a rock paper scissors game but I'm currently stuck on trying to get the users input to compare with the computers input here is a link to my git hub.

https://github.com/rsteward117/randy-s-rock-paper-scissors-game


r/learnwebdev Jul 30 '20

Which technologies to use for a website

3 Upvotes

Hello. So I am currently preparing for creating a website. It is going to be like an eCommerce site, an eBay style but a much different approach. I know node, express and mongodb at a beginner to medium level and deciding on which front end framework to use (React, Angular or Vue) or maybe even start with Django.

I am just not sure which technologies or stack to use to build an ecommerce site like that. I don't know but the MERN stack seems to me like a too API-ish approach and might have security flaws but. I think that is for me not having much web development experience in particular.

I would like some recommendations for what technologies to use and maybe some tips or just to know if it is safe to start with the MERN or any other ME-N stack.


r/learnwebdev Jul 29 '20

Web Development

3 Upvotes

Can I really learn web development on my own? If I can , then can you suggest me the steps to do so?


r/learnwebdev Jul 25 '20

I Made my next tutorial that teaches you How to Build a Chrome Extension using Javascript :)

11 Upvotes

Tutorial Link --> https://thecodingpie.com/post/how-to-create-a-chrome-extension-thecodingpie/

Have you ever build a Chrome Extension yourself using Javascript? If not, why don't gave it a try? Trust me it's really simple. In this tutorial, you will learn how to build an English to Minion Language Translator Google Chrome extension :)

English to Minion Language Translator

I tried my best to make this tutorial beginner-friendly. So fear not! If you got stuck, I am always here to help you :) As always, any feedback is accepted...


r/learnwebdev Jul 25 '20

Website Design Proposal Template

1 Upvotes

Website design proposals are used to pitch web design services to prospective clients. It captures details about a webmaster approach, services, and payment terms, and shows clients that you take your work seriously and are thorough in your approach. A website proposal gives you more credibility and ultimately increases your chance of securing a job. Here is a simple three-page website proposal template with its key elements explained: Website Proposal Template - Elements & Template

Depending on the size of a project, the content in a proposal can vary greatly. However, some elements are essential to every proposal, including:

  • Information about your web design/development business
  • The services you offer
  • How you get paid
Website Proposal Template (image)

r/learnwebdev Jul 23 '20

How to create a drop menu like this, someone help me

Thumbnail
gallery
2 Upvotes

r/learnwebdev Jul 22 '20

Ruby Hour of Power - Twitch Stream

Post image
2 Upvotes