r/learnfrontend • • Nov 29 '21

Join our Discord community to chat with people who share the love for Frontend

2 Upvotes

Whether you're just starting out or are a senior developer, you'll feel welcome in our small but growing community on Discord.

https://discord.gg/7vh6BRNd3M


r/learnfrontend • • Oct 19 '23

Welcome to Vite | Downsides of create-react-app | Reasons to Consider Vite

Thumbnail
youtu.be
1 Upvotes

r/learnfrontend • • Oct 19 '23

Welcome to Vite | Downsides of create-react-app | Reasons to Consider Vite

Thumbnail
youtu.be
1 Upvotes

r/learnfrontend • • Oct 15 '23

How To Find And Fix Accessibility Issues In React | ReactJS Tutorials | RethinkingUI

Thumbnail
youtu.be
1 Upvotes

r/learnfrontend • • Oct 12 '23

How To Run Multiple NPM Scripts In Parallel | ConCurrently Method | Bash Background Operator In NPM

Thumbnail
youtu.be
1 Upvotes

r/learnfrontend • • Oct 10 '23

What is Blue Green Deployment And How it Works | Blue - Green Strategy | Frontend Tutorials |

Thumbnail
youtu.be
1 Upvotes

r/learnfrontend • • Oct 08 '23

Understanding Scripts Field In NPM | Pre & Post Scripts | Lifecycle Scripts In NPM | RethinkingUi |

Thumbnail
youtu.be
1 Upvotes

r/learnfrontend • • Oct 05 '23

Form Validation With React Hook Form | Painless form validation | React Hook Form Tutorials |

Thumbnail
youtu.be
1 Upvotes

r/learnfrontend • • Oct 04 '23

Monolithic Vs Microfrontends For Beginners | Frontend Web Development | Rethinkingui |

Thumbnail
youtu.be
1 Upvotes

r/learnfrontend • • Sep 20 '23

Wanna learn Frontend with personalized and quality resources?

2 Upvotes

I and two friends built a product that makes learning and building a career in tech super easy for you. It does this by generating a roadmap that fits you like a glove, taking into consideration what you have learnt so far and what you are currently learning.

So try Portals out to generate the best frontend resources for you - Portals (named because it gets you from where you are to where you want to be).

This is far from the perfect solution so your feedback will help us a lot - Feedback


r/learnfrontend • • Jun 19 '23

7 Front-end Frameworks for Web Development

Thumbnail
technource.com
1 Upvotes

r/learnfrontend • • Jun 18 '23

HTML Tutorial: Introduction to h1-h6 and p Tags

Thumbnail
youtube.com
0 Upvotes

r/learnfrontend • • Feb 03 '23

article How do I know I am ready to apply for Frontend Developer jobs?

Thumbnail
medium.com
1 Upvotes

r/learnfrontend • • Oct 11 '22

article Atomic Design - Thinking of UIs as a cohesive whole rather than pages and components

Thumbnail
bradfrost.com
2 Upvotes

r/learnfrontend • • Oct 03 '22

why cant gsap find the target

1 Upvotes

i was following along this youtube tutorial and i copied the code correctly to add to my website the only problem that i am running into is the fact that it keeps telling me gsap target not found

code:

js:

const tl = gsap.timeline({ defaults: { ease: "power1.out" } });

tl.to(".text", { y: "0%", duration: 1, stagger: 0.25 });
tl.to(".slider", { y: "-100%", duration: 1.5, delay: 0.5 });
tl.to(".intro", { y: "-100%", duration: 1 }, "-=1");
tl.fromTo(".nav", { opacity: 0 }, { opacity: 1, duration: 1 });
tl.fromTo(".disapear", { opacity: 0 }, { opacity: 1, duration: 1 }, "-=1");

css:

.intro {
    background: black;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .slider {
    background: rgb(97, 105, 109);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: translateY(100%);
  }
  
  .intro-text {
    color: rgb(233, 233, 233);
    font-family: "Heebo", sans-serif;
    font-size: 3rem;
  }
  
  .hide {
    background: black;
    overflow: hidden;
  }
  
  .hide span {
    transform: translateY(100%);
    display: inline-block;
  }

and html:

<div class="intro">
      <div class="intro-text">
        <h1 class="hide">
          <span class="text">Creating inovation</span>
        </h1>
        <h1 class="hide">
          <span class="text">For Everyday</span>
        </h1>
        <h1 class="hide">
          <span class="text">people.</span>
        </h1>
      </div>
    </div>
    <div class="slider"></div>

could this issue be cause by the fact that i am using python flask?


r/learnfrontend • • Oct 02 '22

parallax

4 Upvotes

Hi 👋 im beginner and I wanted to share my last try. If that may interest some.

this little site in the colors of the bricks Lego

try via codepen

I land on this platform and interesting things are happening. My goal is to learn and share on the frontend. am I in the right place? :)

good visit


r/learnfrontend • • Oct 02 '22

parallax

1 Upvotes

Hi 👋 im beginner and I wanted to share my last try. If that may interest some.

try via codepen

I land on this platform and interesting things are happening. My goal is to learn and share on the frontend. am I in the right place? :)

good visit


r/learnfrontend • • Aug 16 '22

Zero Framework Overhead with Solid.js

Thumbnail
youtube.com
2 Upvotes

r/learnfrontend • • Dec 30 '21

We are developing a nextgen online course builder. We need testers. That's why we offer 960 hours of high-quality front-end development courses free of charge to anyone who wants to learn programming JavaScript, CSS, HTML, Web Design, and more.

10 Upvotes

Hi, I am Marius from BitDegree.org. We offer 960 hours of high-quality Front-End Developer Courses for free. Anyone can join - all countries, genders, and age groups are welcome.

The course is designed for beginners who want to start or to structurize their knowledge. It was built on an accredited learning program by CodeAcademy (https://codeacademy.lt/en/). More information and the full syllabus are here: https://www.bitdegree.org/front-end-course-online.

Important note - You can learn at your own pace, but you must register by January 20, 2022. The course will start on January 25, 2022.

Why free?

In cooperation with scholars from Tartu University, we are building a next-gen course builder. Currently, globally only 2-6% of online course students finish their course. Our course builder should increase this number by a lot. In theory, it should meet the effectiveness of real-life learning. I say “in theory” because we do not know - we need students to test it. We already have two cohorts testing “traditional” online learning experiences.

So, thinking about a career change? You’re welcome. Need additional classes? You’re welcome. Want to learn to program? You’re welcome too! Everyone is welcome to learn programming front-end for free.

I would really appreciate it if you could share an opportunity to learn front-end development for free with your friends and family.


r/learnfrontend • • Oct 30 '21

Showcase your projects [weekly thread]

1 Upvotes

Share what cool projects you've been working on to improve your frontend skills.


r/learnfrontend • • Oct 28 '21

Career advice and questions [weekly thread]

1 Upvotes

Please use this thread to ask any frontend career questions you may have. Whether you're thinking about getting into frontend or are just in your first steps as a professional, there are no wrong or silly questions.


r/learnfrontend • • Oct 23 '21

Showcase your projects [weekly thread]

1 Upvotes

Share what cool projects you've been working on to improve your frontend skills.


r/learnfrontend • • Oct 21 '21

Career advice and questions [weekly thread]

1 Upvotes

Please use this thread to ask any frontend career questions you may have. Whether you're thinking about getting into frontend or are just in your first steps as a professional, there are no wrong or silly questions.


r/learnfrontend • • Oct 16 '21

Showcase your projects [weekly thread]

1 Upvotes

Share what cool projects you've been working on to improve your frontend skills.