Frontend Developer Study Guide

supun_sg

Well-known member
  • Sep 5, 2010
    15,725
    23,981
    113
    tracing Geo-location.. ... ...
    bump. Interested

    itin ban uba danatamath webdesigner kenek nam front-end engineer kenek thama...danata html css kohomah use wenawanm js based framwork ekak practice like react angular vue with web technologies,API consume karana hati gana..api wada krana than wala nam web designer kiyala role na ui ux engineer kenek design eka hdala dunnama frond-end engineer eka implement karanawa
    yes this is correct. Front-end engineers not doing the UI/UX part. It should be handled by experts

    Me comment dekata thanks..

    Mama web design (freelance) karanne danata. HTML, CSS, JS thamai mainly. React project ehema karala thiyanawa eth godak karala na. Mata UI/UX part ekath awlak na. Design karanna puluwan onima ekak. Mage project wala UI/UX part eka karanneth mama mai. Web designer kiyala job role ekak na kiyala mama danne ada. Mama dan kalpana kale UI/UX side ekata yanawada front end engineering side ekata yanawada kiyala. Mokada me eka side ekakwath mama completely cover karala na mehema baladdi. Me dekema mix ekak mama karala thiyenne. Katahari me dekama karanna puluwanda nathnam mama ekak select karaganna onida?
    ------ Post added on Jun 26, 2022 at 2:31 PM
     
    • Like
    Reactions: Psiko and HAneo

    HAneo

    Well-known member
  • Jan 30, 2007
    12,970
    29,167
    113
    Homagama
    bump. Interested




    Me comment dekata thanks..

    Mama web design (freelance) karanne danata. HTML, CSS, JS thamai mainly. React project ehema karala thiyanawa eth godak karala na. Mata UI/UX part ekath awlak na. Design karanna puluwan onima ekak. Mage project wala UI/UX part eka karanneth mama mai. Web designer kiyala job role ekak na kiyala mama danne ada. Mama dan kalpana kale UI/UX side ekata yanawada front end engineering side ekata yanawada kiyala. Mokada me eka side ekakwath mama completely cover karala na mehema baladdi. Me dekema mix ekak mama karala thiyenne. Katahari me dekama karanna puluwanda nathnam mama ekak select karaganna onida?
    ------ Post added on Jun 26, 2022 at 2:31 PM
    It's obvious ne machan UI/UX part will be paid more. that is the hard part. design a skeleton
    Definitely you can do both and you must.

    Palaweniyatama oya deke Job description eka(i mean Role eke karanna thiyana de ) hoyala wenasa ganna one.
    ubata puluwan given project ekaka oya dekama karannam kiyala ganna. ehema one tharam denawa. habayi ithin tikak amaruyi dekama karanna
     

    HAneo

    Well-known member
  • Jan 30, 2007
    12,970
    29,167
    113
    Homagama
    UI/UX engineers la design output eka denne Figma walin da ehema nathnum wena trending tools thiyenawada machan?
    User Experience kianne UI/UX wala eka part ekak. eka karanna one hodama analytical hakiyawak thiyana un.

    EX: Dan ubata local pizza shop ekakata App ekak hadanna kiyanawa. eke reg una user kenekta log una gaman uge previous orders pennana kiyanawa. so he can order regular. dan meka PizzaHut wage ekekata sahena loku change ekak. mokada unge customer base eka mili ganan inne. anna e weleta uba User Experience process eke yanna wenawa. eken uba sampla 1 Lak wage ahala balanawa ehema dammoth moko wenne kiyala. 1 lak eke% eka anuwa decide karanne e change eke UI eke denawada kiyala. SO oka sahenna loku process ekak. Unfortunately in SL it's not the same
     
    • Like
    Reactions: argan

    argan

    Well-known member
  • Jul 27, 2007
    16,100
    2,076
    113
    37
    <<< Benthara Gangen Eha >>>
    Figma වලින් දෙන්නෙ..
    Thanks bro! mn dakala thiyenawa godak videos thiyenawa figma design anuwa web design karana ekai ehema ahala baluwe.... :yes:

    User Experience kianne UI/UX wala eka part ekak. eka karanna one hodama analytical hakiyawak thiyana un.

    EX: Dan ubata local pizza shop ekakata App ekak hadanna kiyanawa. eke reg una user kenekta log una gaman uge previous orders pennana kiyanawa. so he can order regular. dan meka PizzaHut wage ekekata sahena loku change ekak. mokada unge customer base eka mili ganan inne. anna e weleta uba User Experience process eke yanna wenawa. eken uba sampla 1 Lak wage ahala balanawa ehema dammoth moko wenne kiyala. 1 lak eke% eka anuwa decide karanne e change eke UI eke denawada kiyala. SO oka sahenna loku process ekak. Unfortunately in SL it's not the same
    UX kiyana ekath lesi na ne ehema baluwama....(y)
    ------ Post added on Jul 31, 2022 at 10:57 PM
     

    HAneo

    Well-known member
  • Jan 30, 2007
    12,970
    29,167
    113
    Homagama
    Thanks bro! mn dakala thiyenawa godak videos thiyenawa figma design anuwa web design karana ekai ehema ahala baluwe.... :yes:


    UX kiyana ekath lesi na ne ehema baluwama....(y)
    ------ Post added on Jul 31, 2022 at 10:57 PM
    It's all about doing things according to the rules and writing way. these technologies invent for nothing. so we can change them but we have to be in the zone.
     
    • Like
    Reactions: argan

    avjayarathne

    Well-known member
  • Sep 13, 2021
    9,765
    29,992
    113
    Kandy

    RESOURCES & TOOLS​

    HTML documentation
    https://developer.mozilla.org/en-US/docs/Web/HTML/Element

    CSS documentation
    https://developer.mozilla.org/en-US/docs/Web/CSS/Reference


    All in one | can be used without the internet
    https://devdocs.io/

    Character Entity Reference Chart
    https://dev.w3.org/html5/html-author/charref

    Color Names
    https://htmlcolorcodes.com/color-names/

    Color Picker
    https://htmlcolorcodes.com/color-picker/

    CSS Font Stack
    https://www.cssfontstack.com/

    Color Palettes
    https://coolors.co/palettes/trending


    Specificity Calculator
    https://specificity.keegan.st/

    Easing Functions Cheat Sheet
    https://easings.net/


    Unsplash | for free images
    https://unsplash.com/

    CSS reset code
    https://meyerweb.com/eric/tools/css/reset/



    PRACTICE​

    CSS battle
    https://cssbattle.dev/

    Codepen challenges
    https://codepen.io/challenges


    Codewell
    https://www.codewell.cc/

    dev challenges
    https://devchallenges.io/

    Front End Mentor (recommended)

    https://www.frontendmentor.io/home

    ------------Stay tuned for HTML & CSS cheatsheets------------