Digitale Vormgeving - README
This is a Visual Code Extension written for Associate Degree Programme Web Development & Design (Kortrijk) and two Bachelor Degree Programmes: Multimedia and Creative Technology (Kortrijk) and Creative Technology & AI (Kortrijk), all at Howest University of Applied Sciences.
Features
This extension contains snippets used in the courses:
- Web Development (WDD)
- Coding Skills (WDD)
- Dynamic Web Development (WDD)
- API (WDD)
- Front-end (WDD)
- Basic Programming (MCT & CTAI)
- Full Stack Web Development (MCT)
- Project One (MCT)
Important Notes
- All
wdd- prefixes can be replaced with mct- prefixes, as prefered.
- Python snippets also exist with
ctai- prefix.
CSS Snippets (*)
wdd-itcss *: creating ITCSS-structure in CSS/SCSS (without Bootstrap)
wdd-itcss-bootstrap *: creating ITCSS-structure in CSS/SCSS (with Bootstrap section)
wdd-mediaquery-min *: creating mediaquery from specific Bootstrap breakpoint
wdd-mediaquery-max *: creating mediaquery to specific Bootstrap breakpoint
wdd-flex-basis *: easy writing of flex-basis property with gap
JS Snippets (*)
⚠️ mct- prefix uses fat arrow functions, while wdd- prefix uses function expressions.
wdd-getData *: create an asynchronous fetch with JSON parsing
wdd-handledata *: create a handleData function (basic)
wdd-authorization-handledata *: create a handleData function (with bearer token authorization)
wdd-domcontentloaded *: create a DOMContentLoaded eventlistener
wdd-dataregion *: create regions for Javascript Data Access
wdd-random *: create a random function between min and max value
Python Snippets
mct-ppropgs or mct-public-property-getter-setter : create a public property getter and setter
ctai-ppropgs or ctai-public-property-getter-setter : create a public property getter and setter
mct-ppropg or mct-public-property-getter : create a public property getter
ctai-ppropg or ctai-public-property-getter : create a public property getter
HTML Snippets
bs5-css : Create a HTML link to Boostrap CDN CSS
bs5-js : Create a HTML link to Boostrap CDN JS (with Popper)
wdd-responsive-picture : Create HTML code for an responsive picture using picture tag and sources
wdd-responsive-image : Create HTML code for an responsive picture using img and srcset
Requirements
No specific requirements for this extension
Known Issues
No known issues for this extension
Release Notes
1.3.1
1.3
- Added 3 snippets in JS of fetching data via API:
mct-data-get (GET)
mct-data-delete (DELETE)
mct-data-other (POST / PUT / PATCH with body)
- removed
mct-handledata and mct-authorization-handledata
1.2
- Added asynchronous function snippet
- Updated README
1.1.2
- Changed the JS Snippets for MCT to use fat arrow functions
- fixed small issue with new handleData snippet
- Updated README
1.0.1
0.18
- Updated Bootstrap links to 5.3.3
- Added Bootstrap Icon CDN Link
0.13.2
- Typo in python snippets
- Updated readme
0.13.1
- Typo in python snippets
- Updated readme
0.13
- Added Creative Tech & AI to the description
- Updated Python snippets to work with ctai prefix
- Updated readme
0.12
- Added HTML snippets for responsive images
- Updated Bootstrap links to 5.3.2
0.11.1
- Added HTML snippets for bootstrap CSS en JS (via CDN)
0.10
- Added getter and setter snippet for Python in MCT
0.9
- Changed the values of wdd-mediaquery-min to 577,769,993,1201,1401 (Bootstrap breakpoints)
0.8.1
0.8
- Added a javascriptsnippet for a random function between min and max value
0.7
- Changed snippet prefixes
dv- to wdd- according to the new name of the Associate Degree programme.
0.6.3
0.6.2
- Fix: Issue: Bootstrap ITCSS
0.6.1
- Added a javascriptsnippet for handling data with bearer token authorization
- Fix documentation
0.4.3
- From now on you can choose between the snippet prefixes
dv- and mct- .
0.4.2
- Release patch, development troubles
0.4.1
- Release patch, development troubles
0.4.0
0.3.0
- Added three new javascriptsnippets for handling data, creating dataregions and adding a domcontentloadedevent.
0.2.0
- Changed snippet prefix from
mit- to dv-
- Added two new snippets for generating mediaqueries at Bootstrap breakpoints.
0.1.1
- Changed logo to transparent background
- Added snippet schortcodes to features section in readme.
0.1.0
- First release of the extension with a few CSS/SCSS snippets.
| |